文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

jQuery

var domObject2 = $('div').get(0) 2.1 jQuery选择器 2.1.1 基础选择器 名称 用法 描述 ID选择器 $(’#id’) 获取指定ID的元素 全选选择器 $(...’*"’) 匹配所有元素 类选择器 $(".class") 获取同一类class的元素 标签选择器 $(“div”) 获取同一类标签的所有元素 并集选择器 $(“div,p,li”) 选取多个元素 交集选择器...$s(“Ii.current”) 交集元素 2.1.2 层级选择器 名称 用法 描述 子代选择器 $(“ul>li”); 使用>号，获取亲儿子层级的元素;注意，并不会获取孙子层级的元素 后代选择器...prop('属性名','属性值'); 4.1.2 元素自定义属性值 attr() //获取 attr('属性名'); //更改 attr('属性名','属性值'); 4.1.3 数据缓存 data(...5.1.2 off()解绑事件 解除全部事件 $('div').off() 解除特定事件 $('div').off('click') 解除事件委托 $('div').off('click','li') 只触发一次的事件

10.2K10
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    如何编写高效的jQuery代码（转载）

    二、缓存jQuery对象 查找DOM元素实际上有不小的内存开销，使用选择器的次数应该越少越好，并且尽可能缓存选中的结果，便于以后反复使用。记住，永远不要让相同的选择器出现多次。  　　...这里的基本思想是在内存中建立你确实想要的东西，最后做一次最有效的更新DOM操作。 　　...i++){ top_100_li += "" + top_100_list[i] + ""; } $mylist.html(top_100_li);// DOM操作只有这么一次...jQuery编写技巧： ---- 一、选择器择优 　　选择器是jQuery的基础，如何选择效率最高的选择器，先要了解各种选择器的性能差异。...二、链式写法 $("div").find("h3").eq(2).html("Hello"); 采用链式写法时，jQuery会自动缓存每一步的结果，比非链式写法（手动缓存）要快。

    1.1K20

    有关网页渲染，每个前端开发者都该知道的那点事

    在渲染树中，每一段文本字符串都表现为独立的渲染器。每一个渲染对象都包含与之对应的DOM对象，或者文本块，还加上计算过的样式。换言之，渲染树是一个文档对象模型的直观展示。...浏览器采用一种流方法，布局一个元素只需通过一次，但是表格元素需要通过多次。 最后，渲染树上的元素最终展示在浏览器里，这一过程称为“painting”。...我们需要的是强制性的重排，我们可以通过以下更改加以实现： ? 现在代码如预期那样执行了。...以下是CSS选择器的性能排名（从最快者开始）： 识别器:#id 类:.class 标签：div 相邻兄弟选择器：a+i 父类选择器：ul>li 通用选择器：* 属性选择：input[type="text...如果你使用jQuery来选择元素，请遵从jQuery选择器最佳实践方案。 为了改变元素的样式，修改“类”的属性是奏效的方法之一。

    1.7K80

    jQuery最佳实践

    其他语句的测试，比如.attr("value")和.val()，也是新版本的jQuery表现好于老版本。 2. 用对选择器 在jQuery中，你可以用多种选择器，选择同一个网页元素。...为了获取这个属性，必须连续两次调用jQuery，第一次是$(this)，第二次是attr('id')。 事实上，这种处理完全不必要。...$('div').find('h3').eq(2).html('Hello'); 采用链式写法时，jQuery自动缓存每一步的结果，因此比非链式写法要快。...如果要插入多个元素，就先把它们合并，然后再一次性插入。根据测试，合并插入比不合并插入，快了将近10倍。...尽量少生成jQuery对象 每当你使用一次选择器（比如$('#id')），就会生成一个jQuery对象。jQuery对象是一个很庞大的对象，带有很多属性和方法，会占用不少资源。

    1.7K20

    jquery要怎么写才能速度最快？（转…

    其他语句的测试，比如.attr("value")和.val()，也是新版本的jQuery表现好于老版本。 2. 用对选择器 在jquery中，你可以用多种选择器，选择同一个网页元素。...为了获取这个属性，必须连续两次调用jQuery，第一次是$(this)，第二次是attr('id')。 事实上，这种处理完全不必要。...$('div').find('h3').eq(2).html('Hello'); 采用链式写法时，jQuery自动缓存每一步的结果，因此比非链式写法要快。...如果要插入多个元素，就先把它们合并，然后再一次性插入。根据测试，合并插入比不合并插入，快了将近10倍。...尽量少生成jquery对象 每当你使用一次选择器（比如$('#id')），就会生成一个jQuery对象。jQuery对象是一个很庞大的对象，带有很多属性和方法，会占用不少资源。

    2.1K30

    jQuery最佳实践

    其他语句的测试，比如.attr(“value”)和.val()，也是新版本的jQuery表现好于老版本。 2. 用对选择器 在jQuery中，你可以用多种选择器，选择同一个网页元素。...为了获取这个属性，必须连续两次调用jQuery，第一次是$(this)，第二次是attr(‘id’)。 事实上，这种处理完全不必要。...$(‘div’).find(‘h3’).eq(2).html(‘Hello’); 采用链式写法时，jQuery自动缓存每一步的结果，因此比非链式写法要快。...如果要插入多个元素，就先把它们合并，然后再一次性插入。根据测试，合并插入比不合并插入，快了将近10倍。...尽量少生成jQuery对象 每当你使用一次选择器（比如$(‘#id’)），就会生成一个jQuery对象。jQuery对象是一个很庞大的对象，带有很多属性和方法，会占用不少资源。

    1.1K30

    jQuery最佳实践

    其他语句的测试，比如.attr("value")和.val()，也是新版本的jQuery表现好于老版本。 2. 用对选择器 在jQuery中，你可以用多种选择器，选择同一个网页元素。...为了获取这个属性，必须连续两次调用jQuery，第一次是$(this)，第二次是attr('id')。 事实上，这种处理完全不必要。...$('div').find('h3').eq(2).html('Hello'); 采用链式写法时，jQuery自动缓存每一步的结果，因此比非链式写法要快。...如果要插入多个元素，就先把它们合并，然后再一次性插入。根据测试，合并插入比不合并插入，快了将近10倍。...尽量少生成jQuery对象 每当你使用一次选择器（比如$('#id')），就会生成一个jQuery对象。jQuery对象是一个很庞大的对象，带有很多属性和方法，会占用不少资源。

    2.3K60

    高质量jQuery代码的十二条经验

    选择器 高效正确的使用jQuery选择器是熟练使用jQuery的基础，而掌握jQuery选择器需要一定的时间积累，我们开始学习jQuery时就应该注意选择器的使用。...关于jQuery选择器的性能优先级，ID选择器快于元素选择器，元素选择器快于class选择器。...2.1、一些规则 CSS解析引擎将自右向左计算每一条规则，它从关键选择器开始，自右向左计算每一个选择器，直到发现一个匹配的选择器，如果没有找到匹配的选择器则放弃查找。 使用较低层的规则通常更有效率。...table>'); //建议 $('body').append('1'); 这样在拼接完table串后再添加到body中，对DOM的操作只需一次...隐藏一个元素或者改变一个元素的背景色时都将导致一次重绘。 当对页面结构进行更新时，将导致页面重布局。

    1.5K40

    第50次文章：JQuery基础

    学了这么久的web开发，我们来看看前端的一个框架吧——jQuery。 ---- JQuery基础 一、概念 一个JavaScript框架。主要用于简化js开发。...最新版本：3.2.1（2017年3月20日） （2）jquery-xxx.js 与 jquery-xxx.min.js区别 jquery-xxx.js:开发版本。给程序员看的，有良好的的缩进和注释。...程序加载更快 2、导入JQuery的js文件 导入jquery-xxx.min.js 3、使用 var div1 = $("#div1") alert(div1.html()) 三、JQuery对象和JS...但是有一定的区别，主要是window.onload只能定义一次，如果定义多次，后边的会将前边的覆盖掉，$(function)可以定义多次的。...height="22" width="22" alt="" /> tips:在实现过程中，我们就是通过选中"请发言"的对象，然后给每一张图像绑定一个单击事件

    2K30

    JavaScript（15）jQuery 选择器

    jQuery 选择器 选择器同意对元素组或单个元素进行操作。 jQuery 元素选择器和属性选择器同意通过标签名、属性名或内容对 HTML 元素进行选择。...在 HTML DOM 术语中：选择器同意对 DOM 元素组或单个 DOM 节点进行操作。 jQuery 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素。...jQuery 属性选择器 jQuery 使用 XPath 表达式来选择带有给定属性的元素。 $(“[href]”) 选取全部带有 href 属性的元素。...jQuery CSS 选择器 jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。...以下的样例把全部 p 元素的背景颜色更改为红色： $("p").css("background-color","red"); 上面的看完了我也不知道选择器是什么。。。

    2K10

    【JQuery】基础从零入门操作，简单详细

    我们学习使⽤JQuery来操作⻚⾯对象 jQuery是⼀个快速、简洁且功能丰富的JavaScript框架, 它封装JavaScript常⽤的功能代码, 提供了简洁⽽强⼤的选择器和DOM操作⽅法....这里用的是ID选择器，也可以用标签选择器 ①解释：点击button后就隐藏 ②代码简写 ③再简写（但是不规范） 四：JQuery选择器 JQuery选择器 基于已经存在的CSS选择器, 除此之外, 还有...⼀些⾃定义的选择器 JQuery中所有选择器都以开头：() 五：JQuery事件 1：事件的组成 事件由三部分组成： ① 事件源: 哪个元素触发的 ② 事件类型: 是点击, 选中, 还是修改?...方法 1：获取元素内容 举例① 举例②input表单的取值是val 此处是用的自定义选择器 2：text和html赋值 比较text和html ①text 结果 ②html 结果 总结 3：input...：取值 2：赋值 举例①更改链接 举例②更改图片尺寸 举例③点击 按钮尺寸变大 六：获取返回CSS值/属性 css() ⽅法设置或返回被选元素的⼀个或多个样式属性 1：返回属性 （1）

    93910

    HTML5 自定义属性 data-* 和 jQuery.data 详解

    所做出的任何更改，都是可以实时反映到元素data属性上的。 但是这种方法比较低端，如果遇到多个data-*自定义字段，想要一次全部获取所有的data属性并包装成对象的话，还必须做一个循环，很麻烦。...所做出的任何更改，都是可以实时反映到元素data属性上的。...); 这与jQuery.attr运用在其他属性上时的情况完全一样，并且所做出的任何更改，都是可以实时反映到元素data属性上的。...，但是需要注意，jQuery.data对data数据做出的更改，不会反映到HTML元素data属性上。...CSS、jQuery 查找 data 属性对应元素 如果我想要所有专辑名（data-album）为Disclosure的歌曲名显示为红色，在CSS选择器里，我们可以这样去匹配 .musique[data-album

    1.8K50

    分享一些实用的Chrome DevTools技巧

    有一些您可能还不知道的小功能，现在给大家分享一下： 在“Elements”面板中拖放 在“Elements”面板中，您可以拖放任何 HTML 元素来更改其位置。 ?...提示：如果您使用jQuery，则可以输入$($0)以访问此元素上的jQuery API。 使用控制台中操作的最后一个值 使用 $_ 引用在控制台执行的前一操作的返回值 ?...这个技巧不适用于使用 + 添加的新选择器，也不适用于 element.style 属性，仅适用于已修改的现有选择器。 ?...您可以在其中键入任何字符串以匹配源代码，或者也可以使用 CSS 选择器让 Chrome 为您生成一个图像： ?...Watch 操作 不需要一次又一次地写一个变量名或一个表达式，您可以在调试会话期间检查很多变量名或表达式，将它添加到 Watch 表列表中就行了。 ?

    1.9K00

    IDEA永久激活码 激活教程 亲测有效(2022年最新IDEA激活码)

    jQuery Mobile 弃用就在 10月7号，jQuery 又官宣了 jQuery Mobile 的完全弃用：jQuery Mobile弃用之后：仍然可以下载使用Mobile 1.4 与新的 jQuery...jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。...语言特点快速获取文档元素提供漂亮的页面动态效果创建AJAX无刷新网页提供对JavaScript语言的增强增强的事件处理更改网页内容jQuery的由来2005年8月，John Resig提议改进Prototype...在构造jQuery对象模块中，如果在调用构造函数jQuery()创建jQuery对象时传入了选择器表达式，则会调用选择器Sizzle（一款纯JavaScript实现的CSS选择器引擎，用于查找与选择器表达式匹配的元素集合...jQuery Mobile 在 2012 和 2013 年继续每月发布一次，定期添加和改进组件，解决与移动浏览器的兼容性问题，并进行性能改进以加快页面渲染时间。

    2.6K10
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券