jquery子类,jquery子类选择器

Jquery搜索父元素操作方法

使用js或者jquery查找父元素、子元素经常遇到。可是用起来总容易混淆，这里统一总结了一下，以后用起来相信会方便好多

这里jquery向上查找父元素 用到的方法：

closest() parents() parent()

向下查找子元素

用到的方法：find() children()

js用的是 children[] 属性 ！

jquery中子元素和后代元素的区别

和现实生活中的概念一样，子就是指儿子，是自己直接生出来的，而后代则是指儿子、孙子、曾孙、重孙……十八代……乃至千秋万代，即辈分低于自己的所有都是后代。

比如下面的：

111

222

333

......

ul是div的子元素，p也是div的子元素，li是ul的子元素，span是p的子元素，li和span不是div的子元素；

而ul、li、p、span都是div的后代元素。

在JQuery中，$("div ul") 这样选择的其实是后代元素，即ul不管与div隔了多少代都会被选中；只有 $("div>ul") 这样才是真正选择的子元素，即紧挨着div的ul

Jquery常用的选择器有哪些

1、基本选择器：#id 、element 、.class 、* 、selector1,selector2,selectorN

2、层次选择器：ancestor descendant 、parent > child 、prev + next 、prev ~ siblings

3、基本过滤器选择器:first 、:last 、:not 、:even 、:odd 、:eq 、:gt 、:lt 、:header 、:animated

4、内容过滤器选择器:contains 、:empty 、:has 、:parent

5、可见性过滤器选择器:hidden 、:visible

6、属性过滤器选择器[attribute] 、[attribute=value] 、[attribute!=value] 、[attribute^=value] 、[attribute$=value] 、[attribute*=value] 、[attrSel1][attrSel2][attrSelN]

7、子元素过滤器选择器:nth-child 、:first-child 、:last-child 、:only-child

8、表单选择器:input 、:text 、:password 、:radio 、:checkbox 、:submit 、:image 、:reset 、:button、:file 、:hidden9、表单过滤器选择器:enabled 、:disabled 、:checked 、:selected

jquery怎么删除第一个子元素

jquery删除第一个子元素的操作步骤如下：

2、新建一个html页面，引入jquery.js，页面body里面添加一个div盒子，div盒子里面添加两段话，和一个删除div元素的按钮，js中调用$（“#div1”）.remove()方法删除元素。

3、在浏览器中打开html页面之后，可以看到div盒子和两段话，点击移除div元素按钮。

4、点击移除div元素按钮之后，可以看到div元素和子元素p都被删除掉了。

5、将$（“#div1”）.remove()方法注释掉，使用$（“#div1”）.empty()方法，删除选择元素的子元素。

6、可以看到点击清空div元素按钮，将div元素的p子元素删除了。