jquery子孙的简单介绍

jquery的子选择器和后代选择器有什么区别?

1、后代选择器：$(#one h1)会匹配id=one内部所有的h1标记，而不管它是子元素还是后代元素，只要在其内部均会找到。

目前成都创新互联已为上千家的企业提供了网站建设、域名、雅安服务器托管、网站托管、企业网站设计、大东网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

2、③兼容性不一样：后代选择器是所有浏览器都兼容的，都可使用。

3、主要去别是后代选择器使用可以是各种选择器（标记选择器、类别选择器、ID选择器）都可以进行嵌套。而子选择器只作用在子类。

4、后代选择器包含子选择器。后代选择器选择某元素的所有后代元素，不分层级，也就是说子级的子级等也会被选择。子选择器缩小选择范围，只选择子级元素，对子级之后的层级不会被选择。

(this).Children(dd)//这样就选择了当前鼠标下的dd元素啦。

方法很多，建议将jquery的语法研读一下。

其实看明白上面的例子，就知道错在哪里了：很简单，this操作的是HTML对象，那么，HTML对象中怎么会有val()方法了，所以，在使用中，我们不能直接用this来直接调用jquery的方法或者属性。

通过选择器、jQuery 对象或元素来筛选。

语法：.find(selector) 参数selector 字符串值，包含供匹配当前元素集合的选择器表达式。

(#元素id).chilrdren().eq(0) 也有其他写法的 .first()啊之类的。使用.first()方法就可以获取第一个子元素了，获取值后面加上.text()。主要方法有两类：使用选择器或者遍历函数，并且可以混合使用。

children和find的区别：children只会查找直接子集，而find会跨越层级查找，一直找到没有为止。

详细说明：如果给定一个表示 DOM 元素集合的 jQuery 对象，.find() 方法允许我们在 DOM 树中搜索这些元素的后代，并用匹配元素来构造一个新的 jQuery 对象。

.next()方法定义和用法 next() 获得匹配元素集合中每个元素紧邻的同胞元素。如果提供选择器，则取回匹配该选择器的下一个同胞元素。

jQuery.contents()，返回下面的所有内容，包括节点和文本。

关于jQuery选择器的性能优先级，ID选择器快于元素选择器，元素选择器快于class选择器。因为ID选择器和元素选择器是原生的JavaScript操作，而类选择器不是，大家顺便可以看下find context 区别，find() children区别。

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容