用于操作许多直接子元素的通用JQuery语句 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

jquery 用于操作动态元素的delegateon方法

delegate() 方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）。...在做项目中有很多由ajax动态生成的html标签，jquery对这些标签不会响应(selector).click(function.....查看资料有的推荐使用live方法，但live在jQuery1.7中就不再建议使用，在1.9中就给删除了，改用on方法取代live方法。...jQuery官方网站声称下面三行代码是等价的 (“.btn”).live(“click”, function(){ alert(“Goodbye!”)...; }); // jQuery 1.4.3+ 这里要特别注意：$(“.jk_table”)这个对应的元素必须不是动态生成的。版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。

3.5K2 0

juqery代码优化

jQuery实现方法的链式操作是非常容易的。...繁重的操作中分离元素如果你打算对DOM元素做大量操作（连续设置多个属性或css样式），建议首先分离元素然后在添加。...许多复杂的操作 $container.append($element); 熟记技巧你可能对使用jQuery中的方法缺少经验,一定要查看的文档，可能会有一个更好或更快的方法来使用它。...// 糟糕 $('#id').data(key,value); // 建议 (高效) $.data('#id',key,value); 使用子查询缓存的父元素正如前面所提到的，DOM遍历是一项昂贵的操作...典型做法是缓存父元素并在选择子元素时重用这些缓存元素。

7514 0

您找到你想要的搜索结果了吗？

是的

没有找到

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

方法2，为要查找的元素添加了上下文，在这里变为查找id为nav的子元素，查找性能得到了很大提升。方法3，使用了find方法，它的速度更快，所以方法三最好。...典型做法是缓存父元素并在选择子元素时重用这些缓存元素。...7.1、繁重的操作中分离元素如果你打算对DOM元素做大量操作（连续设置多个属性或css样式），建议首先分离元素然后在添加。...许多复杂的操作 // better var $container = $("#container"), $containerLi = $container.find("li"),...许多复杂的操作 $container.append($element); 7.2、最小化DOM更新重布局和重绘是WEB页面中最常见的也是最昂贵的两种操作。

1.5K4 0

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

理解子元素和父元素的关系下面六个选择器，都是从父元素中选择子元素。你知道哪个速度最快，哪个速度最慢吗？　　...(1)$('.child', $parent) 这条语句的意思是，给定一个DOM对象，然后从中选择一个子元素。...(5)$('#parent .child') 这条语句与上一条是同样的情况。但是，上一条只选择直接的子元素，这一条可以于选择多级子元素，所以它的速度更慢，大概比最快的形式慢了77%。...正确处理循环循环总是一种比较耗时的操作，如果可以使用复杂的选择器直接选中元素，就不要使用循环，去一个个辨认元素。...所以，尽量少生成jQuery对象。举例来说，许多jQuery方法都有两个版本，一个是供jQuery对象使用的版本，另一个是供jQuery函数使用的版本。

2.1K3 0

jQuery最佳实践

理解子元素和父元素的关系下面六个选择器，都是从父元素中选择子元素。你知道哪个速度最快，哪个速度最慢吗？...(1) $('.child', $parent) 这条语句的意思是，给定一个DOM对象，然后从中选择一个子元素。...(5) $('#parent .child') 这条语句与上一条是同样的情况。但是，上一条只选择直接的子元素，这一条可以于选择多级子元素，所以它的速度更慢，大概比最快的形式慢了77%。...正确处理循环循环总是一种比较耗时的操作，如果可以使用复杂的选择器直接选中元素，就不要使用循环，去一个个辨认元素。...所以，尽量少生成jQuery对象。举例来说，许多jQuery方法都有两个版本，一个是供jQuery对象使用的版本，另一个是供jQuery函数使用的版本。

1.7K2 0

jQuery最佳实践

理解子元素和父元素的关系下面六个选择器，都是从父元素中选择子元素。你知道哪个速度最快，哪个速度最慢吗？　　...(1) $(‘.child’, $parent) 这条语句的意思是，给定一个DOM对象，然后从中选择一个子元素。...(5) $(‘#parent .child’) 这条语句与上一条是同样的情况。但是，上一条只选择直接的子元素，这一条可以于选择多级子元素，所以它的速度更慢，大概比最快的形式慢了77%。...正确处理循环循环总是一种比较耗时的操作，如果可以使用复杂的选择器直接选中元素，就不要使用循环，去一个个辨认元素。...所以，尽量少生成jQuery对象。举例来说，许多jQuery方法都有两个版本，一个是供jQuery对象使用的版本，另一个是供jQuery函数使用的版本。

1.1K3 0

jQuery最佳实践

理解子元素和父元素的关系下面六个选择器，都是从父元素中选择子元素。你知道哪个速度最快，哪个速度最慢吗？　　...(1) $('.child', $parent) 这条语句的意思是，给定一个DOM对象，然后从中选择一个子元素。...(5) $('#parent .child') 这条语句与上一条是同样的情况。但是，上一条只选择直接的子元素，这一条可以于选择多级子元素，所以它的速度更慢，大概比最快的形式慢了77%。...正确处理循环循环总是一种比较耗时的操作，如果可以使用复杂的选择器直接选中元素，就不要使用循环，去一个个辨认元素。...所以，尽量少生成jQuery对象。举例来说，许多jQuery方法都有两个版本，一个是供jQuery对象使用的版本，另一个是供jQuery函数使用的版本。

2.3K6 0

JQuery基础

使用大公司CDN好处：许多用户在访问其它站点时，已经从百度、新浪、谷歌和微软加载过jQuery。当用户访问我的站点时，会从缓存中加载jQuery，这样可以有效减少加载时间！...第二部分：jQuery语法： 1.jQuery语法是通过选取HTML元素，然后对选取的元素进行某些操作。...（不带参数） 6.jQuery链(chaining) 链：顾名思义，锁链，即一环套一环。 jQuery中将动作/方法链接在一起，因此，在相同元素上，我们可以在一条语句上运行多个jQuery方法。...3.jQuery 删除元素： remove()：删除被选元素及子元素。ps：remove()可接受一个参数，对被删元素进行过滤。参数是jQuery选择器的语法。...2.遍历--后代（子元素一下都是后代元素）： children()：返回被选元素的直接子元素 find()：返回被选元素的所有子元素（一直遍历到最后一个子元素） 3.遍历--同胞（siblings；兄弟元素

6.8K5 1

书写高质量jQuery代码的6条经验

方法2：为要查找的元素添加了上下文，在这里变为查找id为nav的子元素，查找性能得到了很大提升。方法3：使用了find方法，它的速度更快，所以方法三最好。...因为ID选择器和元素选择器是原生的JavaScript操作，而类选择器不是，大家顺便可以看下find context 区别，find() children区别。...正如前面所提到的，DOM遍历是一项昂贵的操作。...典型做法是缓存父元素并在选择子元素时重用这些缓存元素。...jQuery实现方法的链式操作是非常容易的。

1.8K9 0

【前端基础】javascript笔记

JS或其他语言可以操作这个模型的元素（属性） 2.1 window对象 window对象是DOM树结构的根。...2 基本语法 1 编写位置可以在html代码中直接编写js语句，也可单独将js代码写入文件中并在html中调用。...基础一概念 1.1 jQuery 是一个javascript类库，通过jquery可以选取HTML元素，并对它们执行操作。...);四 jQuery 遍历遍历就是根源其相对于其他元素的关系来获取HTML元素 # jQuery 祖先 parent() 返回元素的直接父元素 parents()...返回所有父元素 parentsUntil("div") 返回直到div的父元素 # jQuery 后代 children() 返回所有直接子元素 find

8221 0

DOM 高级工程师不完全指南

正常情况下，需要写出如下的代码： ? 真的麻烦。而老大哥 jQuery 可以简化为： ? 但，各位观众，如今原生 JavaScript 也可以实现这一操作了： ?...这是几年前的做法了，每当开发者需要替换两个 DOM 元素，除了需要拿到这必须的两个元素之外，还需要获取他们的直接父元素： ?...TextNode 替换掉原有的元素移除 DOM 元素和替换元素的老方法相同，移除元素的老方法同样需要获取到目标元素的直接父元素： ?...它返回一个整数，代表了两个元素之间的关系。 ? 标准语句： ?...因为 h1 同时满足“被 container 所包含(16)” 和 “在 container 之后”，所以语句的执行结果是 16+4=20，同理可推出第二条语句的结果是 8+2=10。

9271 0

jQuery Cheat—Sheet（jQuery学习笔记）

jQuery是一种JavaScript库，实现了常见任务的自动化和复杂任务简单化。 jQuery库为Web脚本编程提供了通用的抽象层，使之适合任何脚本编程情景。...混合选择 eg： $('#selected-plays > li') 子元素选择符 > 查找ID为selected-plays元素的子元素（>）中所有的列表项 ---- jQuery 事件什么是事件...**Chaining 允许我们在一条语句中运行多个 jQuery 方法**（在相同的元素上） ### jQuery 方法链接有一种名为链接（chaining）的技术，允许我们在相同的元素上运行多条 jQuery...#jQuery 获取内容和属性 jQuery 拥有可操作 HTML 元素和属性的强大方法。 ### jQuery DOM 操作 jQuery 中非常重要的部分，就是操作 DOM 的能力。...#### 获得内容 - text()、html() 以及 val() 三个简单实用的用于 DOM 操作的 jQuery 方法： - text() - 设置或返回所选元素的文本内容 - html()

18.3K3 0

DOM 高级工程师不完全指南

正常情况下，需要写出如下的代码： ? 真的麻烦。而老大哥 jQuery 可以简化为： ? 但，各位观众，如今原生 JavaScript 也可以实现这一操作了： ?...这是几年前的做法了，每当开发者需要替换两个 DOM 元素，除了需要拿到这必须的两个元素之外，还需要获取他们的直接父元素： ?...TextNode 替换掉原有的元素移除 DOM 元素和替换元素的老方法相同，移除元素的老方法同样需要获取到目标元素的直接父元素： ?...它返回一个整数，代表了两个元素之间的关系。 ? 标准语句： ?...因为 h1 同时满足“被 container 所包含(16)” 和 “在 container 之后”，所以语句的执行结果是 16+4=20，同理可推出第二条语句的结果是 8+2=10。

9781 0

java学习与应用（4.6）--过滤器、监听器、JQuery、AJAX、JSON等

登录校验、统一编码校验等一些通用操作放置到过滤器。...使用JQuery获取元素JQuery对象（\$("#id")，\$("tag")等选择器），然后可以转换为js对象，两种对象都可以当做数组使用，方法不通用，但是前者更方便，如拥有将内容修改方法html等...过滤器选中的元素后加的冒号进行过滤，表单转转等。 JQuery的DOM操作内容操作方法如：html获取标签体内容，text获取存文件内容，val获取属性value值。可以获取并修改其内容。...CRUD操作：append父元素将子元素添加到内部，并位于末尾（prepend方法添加到内部并位于开头）。appendTo，prependTo方法将子元素方法放到父元素内部等。...remove方法移除元素，empty清空所有元素的子元素。其他方法见jquery手册如clone方法。 JQuery的动画 JQuery的动画，遍历方法，事件绑定。动画使用见图片。

7K1 0

jquery 使用方法

对于网页开发者来说，学会jQuery是必要的。因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以很轻松地做出许多复杂的效果。...form父元素 4 $('div').children(); //选择div的所有子元素 5 $('div').siblings(); //选择div的同级元素三、链式操作选中网页元素以后...它的原理在于每一步的jQuery操作，返回的都是一个jQuery对象，所以不同操作可以连在一起。...五、元素的操作：移动　　　　如果要移动选中的元素，有两种方法：一种是直接移动该元素，另一种是移动其他元素，使得目标元素达到我们想要的位置。假定我们选中了一个div元素，需要把它移动到p元素后面。...八、事件操作 jQuery可以对网页元素绑定事件。根据不同的事件，运行相应的函数。

2.2K1 0

【一起来烧脑】读懂JQuery知识体系

jQuery库包含： HTML元素的获取，HTML元素操作，css的操作，HTML事件函数，JavaScript特效和动画，HTML dom的遍历和修改，ajax，utilities。...jQuery目录.png jQuery语法基础语法：美元符号定义 jQuery 选择符() "查询"和"查找" HTML 元素 jQuery 的方法执行对元素的操作 jQuery代码 $(document...淡入淡出 fadeIn() jQuery fadeIn()用于淡入已隐藏的元素 fadeOut() jQuery fadeOut() 方法用于淡出可见元素 fadeToggle() jQuery...//img.mukewang.com/wiki/5b20ede10169b4a203530240.jpg jQuery 祖先 parent() 返回被选元素的直接父元素只会向上一级对DOM数进行遍历...parents() 返回被选元素的所有祖先元素所有祖先 parentsUntil() 返回介于两个给定元素之间的所有祖先元素 jQuery 后代 children() 返回被选元素的所有直接子元素

3.4K3 0

jQuery设计思想

对于网页开发者来说，学会jQuery是必要的。因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以很轻松地做出许多复杂的效果。....children(); //选择div的所有子元素　　$('div').siblings(); //选择div的同级元素三、链式操作 jQuery设计思想之三，就是最终选中网页元素以后，可以对它进行一系列操作...五、元素的操作：移动 jQuery设计思想之五，就是提供两组方法，来操作元素在网页中的位置移动。一组方法是直接移动该元素，另一组方法是移动其他元素，使得目标元素达到我们想要的位置。...它是定义在jQuery构造函数上的方法，即jQuery.method()，所以可以直接使用。...八、事件操作 jQuery设计思想之七，就是把事件直接绑定在网页元素之上。

2.7K6 0

jQuery

DOM 操作的 jQuery 方法： text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容（包括 HTML 标记） val() - 设置或返回表单字段的值 attr...删除元素/内容 remove() - 删除被选元素（及其子元素） remove() 中添加参数，删除时对该元素进行过滤 empty() - 从被选元素中删除子元素 jQuery 操作 CSS addClass...() - 向被选元素添加一个或多个css类 removeClass() - 从被选元素删除一个或多个css类 toggleClass() - 对被选元素进行添加/删除类的切换操作 css() - 设置或返回样式属性...） outerHeight() - 高度（包括内边距和边框）向上遍历 DOM 树这些 jQuery 方法很有用，它们用于向上遍历 DOM 树： parent() - 返回被选元素的直接父元素。...树 children() - 所有直接子元素 find() - 被选元素的所有后代元素，div下所有span：$("div").find("span"); 在 DOM 树中水平遍历有许多有用的方法让我们在

5.3K1 0

day01jQuery节点操作

jQuery中获取到的元素都是以组的形式存在的，元素值的三种操作方式结合API详细了解的封装 Java中的类封装后不允许通过.属性进行操作而是提供了对应属性操作的方法 //jquery对dom封装后不能直接使用dom对象的属性(因为获取的不是dom对象而是...选择器选择对应的jquery对象 //类似于java中的封装 Java中的类封装后不允许通过.属性进行操作而是提供了对应属性操作的方法 //jquery对dom封装后不能直接使用dom...，js中的操作多数以属性的形式存在 4.on的单事件绑定与直接对元素进行事件绑定是一样的，灵活选择 }) ### 5.5 事件冒泡事件冒泡指事件向上传递-通常存在于具有包裹关系的元素中 ```js...，js中的操作多数以属性的形式存在 4.on的单事件绑定与直接对元素进行事件绑定是一样的，灵活选择

6120 0

jQuery

（3）CSS选择器 jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。...() - 在被选元素之前插入内容通用的格式，以下以append()为例，只是显示的效果不同。...删除 remove() - 删除被选元素（及其子元素） empty() - 从被选元素中删除“子元素” 用法如下： $("#div1").remove(); // 增加删除中的过滤，删除 class...祖先（向上遍历） parent() - 返回被选元素的直接父元素。 parents() - 返回被选元素的所有祖先元素，它一路向上直到文档的根元素 ()。...后代（向下遍历） children() - 返回被选元素的所有直接子元素。 find() - 返回被选元素的后代元素，一路向下直到最后一个后代。

18.3K2 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭