jquery怎样删除选择对象的祖父里面的所有内容

<button onclick="var x=thisparentNode;xparentNoderemoveChild(x)">aa</button>或者

<button onclick="(function(x){xparentNoderemoveChild(x)}(thisparentNode))">aa</button>

//几级父元素你就改几个thisparentNode 如： thisparentNodeparentNodeparentNode

你的这样的写法相当于ul下面有个class名为memu的标签，这个标签下面有一个li。出现了三级，和你的层级不一样，所以就不行啦。你改写成这样：$("ul[class=memu] li")这样就可以了。

jQuery提供了强大的选择器让我们获取对象。在这边，我人为地将jQuery选择器分为两大部分：选择对象和筛选条件。选择对象表示要获取什么对象，筛选条件是对获取的对象进行筛选，最终留下符合某些特征的对象

1选择对象

1)基本

·#id 根据给定的ID匹配一个元素。例如：$("#id")

·element 根据给定的元素名匹配所有元素。例如：$("div")

·class 根据给定的类匹配元素。例如：$("style1");

· 匹配所有元素。例如：$("")

·selector1,selector2,selectorN 将每一个选择器匹配到的元素合并后一起返回。例如：$("#id,div,style1")

2)表单

·:button 匹配所有按钮。例如：$(":button")

·:checkbox 匹配所有复选框。例如：$(":checkbox")

·:file 匹配所有文件域。例如：$(":File")

·:hidden 匹配所有不可见元素，或者type为hidden的元素。例如：$("input:hidden")

·:image 匹配所有图像域。例如：$(":image")

·:input 匹配所有 input, textarea, select 和 button 元素。例如：$(":input")

·:password 匹配所有密码框。例如：$(":password")

·:radio 匹配所有单选按钮。例如：$(":radio")

·:reset 匹配所有重置按钮。例如：$(":reset")

·:submit 匹配所有提交按钮。例如：$(":submit")

·:text 匹配所有的单行文本框。例如：$(":text")

·:header 匹配如 h1, h2, h3之类的标题元素。例如：$(":header")css("background", "#EEE");

2筛选条件

1)属性筛选

·[attribute=value] 匹配给定的属性是以包含某些值的元素。例如：$("input[name='man'")

·[attribute!=value] 匹配所有含有指定的属性，但属性不等于特定值的元素。例如：$(input[name!='man');

·[attribute$=value] 匹配给定的属性是以某些值结尾的元素。例如：$("input[name$='man']")

·[attribute=value] 匹配给定的属性是某个特定值的元素。例如：$("input[name='man']");

·[attribute] 匹配包含给定属性的元素。例如：$("div[id]")

·[attribute^=value] 匹配给定的属性是以某些值开始的元素。例如：$("input[name^='man']")

·[selector1][selector2][selectorN] 同时满足多个条件。例如：$("input[id][name$='man']")

·:hidden 匹配所有的不可见元素。例如：$("tr:hidden")

·:visible 匹配所有的可见元素。例如：$("tr:visible")

·:checked 匹配所有选中的被选中元素(复选框、单选框等，不包括select中的option)。例如：$("input:checked")

·:disabled 匹配所有不可用元素。例如：$("input:disabled")

·:enabled 匹配所有可用元素。例如：$("input:enabled")

·:selected 匹配所有选中的option元素。例如：$("select option:selected")

2)内容筛选

·:contains(text) 匹配包含给定文本的元素。例如：$("div:contains('John')")

·:empty 匹配所有不包含子元素或者文本的空元素。例如：$("td:empty")

·:has(selector) 匹配含有选择器所匹配的元素的元素。例如：$("div:has(p)");

·:parent 匹配含有子元素或者文本的元素。例如：$("td:parent")

3)层级筛选

·ancestor descendant 在给定的祖先元素下匹配所有的后代元素。例如：$("form input")

·parent > child 在给定的父元素下匹配所有的子元素。例如：$("form > input")

·prev + next 匹配所有紧接在 prev 元素后的 next 元素。例如：$("label + input")

·prev ~ siblings 匹配 prev 元素之后的所有 siblings 元素。例如：$("form ~ input")

·:first-child 匹配第一个子元素。例如：$("ul li:first-child")

·:last-child 匹配最后一个子元素。例如：$("ul li:last-child")

·:nth-child(index/even/odd/equation) 匹配其父元素下的第N个子或奇偶元素。例如：$("ul li:nth-child(2)")

·:only-child 如果某个元素是父元素中唯一的子元素，那将会被匹配。例如：$("ul li:only-child")

4)方法筛选

·:animated 匹配所有正在执行动画效果的元素。例如：$("div:animated");

·:eq(index) 匹配一个给定索引值的元素。例如：$("tr:eq(1)")

·:even 匹配所有索引值为偶数的元素，从 0 开始计数。例如：$("tr:even")

·:first 匹配找到的第一个元素。例如：$("tr:first")

·:gt(index) 匹配所有大于给定索引值的元素，从 0 开始计数。例如：$("tr:gt(0)")

·:last 匹配找到的最后一个元素。例如：$("tr:last")

·:lt(index) 匹配所有小于给定索引值的元素。例如：$("tr:lt(2)")

·:not(selector) 去除所有与给定选择器匹配的元素。例如：$("input:not(:checked)")

·:odd 匹配所有索引值为奇数的元素，从 0 开始计数。例如：$("tr:odd")

1、编写基础的HTML文档。

2、使用val()获取值。

3、保存文件，查看属性选择器获取的值。

4、然后在script里添加一个function，按钮事件的函数。使用jquery的 attr方法来设置属性就行了，参数第一个是要添加的属性名，第二个就是属性的值。这里我们为div添加一个id属性。

5、保存文件，查看attr()就可以获取的属性值。

层次选择器

如果想通过DOM元素之间的层次关系来获取特定元素，例如后代元素、子元素、相邻元素和同辈元素等，那么层次选择器是一个非常好的选择。

$(“ancestor

descendant”)：选取parent元素后所有的child元素

ancestor的中文意思是“祖先”，descendant的中文意思是“后代”‍

$(“body div”)选取body元素下所有的div元素。    

$(“ul li”)    选取ul元素下所有的li元素。    

$(“#test div”)    选取id为“test”的元素所包含的所有的div子元素    

$(“div#test div”)    选取id为“test”的div所包含的所有的div子元素    

$(“test div”)    选取class为“test”的元素所包含的所有的div子元素    

$(“divtest span”)    选取class为“test”的div所包含的所有的span子元素    

$(“spantest demo”)    选取class为“test”的span所包含的所有的class为demo的元素    

$(“test demo”)    选取class为“test”的元素所包含的所有的class为demo的元素

2 $(“parent

> child”)：选取parent元素后所有的直属child元素，何谓“直属”，也就是第一级的意思了

$(“body > div”)选取body元素下所有的第一级div元素。    

$(“ul > li”)    选取ul元素下所有的第一级li元素。    

$(“#test > div”)    选取id为“test”的元素所包含的所有的第一级div子元素    

$(“div#test > div”)    选取id为“test”的div所包含的所有的第一级div子元素    

$(“test > div”)    选取class为“test”的元素所包含的所有的第一级div子元素    

$(“divtest > span”)    选取class为“test”的div所包含的所有的第一级span子元素    

$(“spantest > demo”)    选取class为“test”的span所包含的所有的第一级class为demo的元素    

$(“test > demo”)    选取class为“test”的元素所包含的所有的第一级class为demo的元素

3

$(“prev

+ next”)：prev和next是两个同级别的元素 选中在prev元素后面的next元素

$(“#demo+img”)选在id为demo元素后面的img对象如果id为demo元素后面没有同级的img对象，那么这个$(“#demo+img”)length=0

4

$(“prev

~ siblings”):选择prev后面的根据siblings过滤的元素。注:siblings是过滤器

$(“#demo~[title]“)选择id为demo的元素后面所有带有title属性的元素，同样如果id为demo的元素后面没有一个带有title属性的元素，那么$(“#demo~[title]“)length = 0

1、引用jQuery库到页面

2、获取input的值

$("#input的id")val();//这就是获取input的值，也可以给input赋值

1、下载jQuery代码库

下载后如下图所示：

2、部署jQuery代码库

jQuery的部署与使用非常简单，只需要把其放入到项目中，并在页面中使用script标签中的src属性载入即可。

3、快速入门

例：使用jQuery隐藏一个div元素

4、基本选择器（重点）

• #id ：根据元素的id属性来获取元素

• class ：根据元素的class属性来获取元素

• Element ：根据元素的名称来获取元素

selector1,selector2 ：群组选择器，可以同时匹配多个元素

示例代码：

5、层级选择器（重点）

同级兄弟关系，父子关系，祖先与后代元素关系

• ancetor（空格）descendant ：选择当前元素的所有后代元素（不分层级）

• parent    >    child ：选择父元素下的所有子元素（只有一级，要求是父子关系）

• prev   +    next ：选择当前元素紧邻的同级元素的下一个元素

• prev  ~  siblings ：选择当前元素紧邻的所有同级兄弟元素

示例代码：

6、简单选择器

• :first ：选择索引为0第一个元素，索引默认是从0开始的

• :last ：选择索引最大的最后一个元素

• :even ：选择索引为偶数的所有元素

• :odd ：选择索引为奇数的所有元素

• :eq(index) ：根据元素的索引index来获取元素

• :gt(index) ：选择索引大于index的所有元素

• :lt(index) ：选择索引小于index的所有元素

• :not(selector) ：选择除指定选择器以外的其他元素

示例代码：

7、由于jquery选择器太多，小编就不一一举例子了。依照这个思路写就行了。

以上就是关于jquery怎样删除选择对象的祖父里面的所有内容全部的内容，包括:jquery怎样删除选择对象的祖父里面的所有内容、JS/jq 求解 为什么我一旦给ul加上class名 JQ就获取不到了、jquery的筛选有哪些等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！