("div[name='jobTitle']")
$("#aDiv").find("input[type='checkbox']:checked").each(function() {
$toRemove = $(this).parent().parent();
$toRemove.remove();
cnt++;
});
<div id="jq_1">
<div id="jq_2">
<div id="sdf">
<div
id="jq_3">
<div id="jq_4">
需要吧所有带jq_都查出来
然后对这个对象数组遍历
$("div[id^=jq_]");
ListDiv.children("div[id^=iq_"+sName+"_]");
$的选择器部分:
凡是运用$,其返回值是一个object
$选择器主要用于选择标签.基本用法是同css的选择器.但是,很让人兴奋的是,他支持常见的浏览器,而css中很多选择器是IE6所不支持的.
1.基本选择器(3种): ----凡是运用$,其返回值是一个object
$("标签名"),如$("p")是选取了所有的p标签节点
$("#id名"),如$("#test")是选取了id为test的标签节点
$(".class名"),如$(".test")是选取了所有class为test的标签节点
上面的$("标签名")和$(".class名")返回的都是所有满足的节点,至于进一步筛选可以添加一些函数,如eq,gt,lt等等.
2.组选择器: ----3种基本选择器的组合,“,”隔开
下面还是现做一个约定:把"标签名或#id名或.class名"记作mix,则mix表示一个标签名,或一个#id或一个.class.
$("mix,mix,mix,..."),如:$("div,#test1,p,.test2,#test3")
3.后代选择器: ----3种基本选择器的组合,“ ”隔开,直系皆生效
$("mix mix"),当然可以是多个嵌套,但后代选择器可以是深层子代,所以$("mix mix mix ...")这种写法作用不大.例子:$("div .test"):在div标签内的所有具有test的class的后代元素(就是被div嵌套的class属性为test的标签)
4.子选择器: ----3种基本选择器的组合,“>”隔开,只亲子有效
$("mix>mix"),这个放在后代选择器后面是为了和它做对比.子选择器只能选择第一代子代.不处理深层嵌套.例子:
$("div>.test")
<div><p></p></div>对这里的p段落标签有效.但对
<div><p><p></p></p></div>对这里的p段落标签无效,这里要用
$("div .test)
5.临近选择器: ----3种基本选择器的组合,“+”隔开,只下一个兄弟节点
$("mix+mix"),选取下一个兄弟节点.如:$("div +#test"),id为test的的节点必须是div的下一个兄弟节点.
<div></div><p id="test"></p>在$("div + #test")中能取到p段落节点
<div></div><p></p><p id="test"></p>则不能取到
6.属性选择器: ----“ |=|^|$|*”
把属性选择器不放在css选择器里面是因为jQuery中写法是不一样的.至于css中写法可以参考我之前写的一篇css的选择器一文.jQuery中是和xPath类似的写法:
$("mix[@attr]"):选取所有该mix且具有attr属性的节点
$("mix[@attr=a_value"]):选取所有该mix且具有attr属性并满足属性值为a_value的节点
$("mix[@attr^=a_value_head"]):attr属性的属性值是以a_value_head开头的
$("mix[@attr$=a_value_end"]):attr属性的属性值是以a_value_end结尾的
$("mix[@attr*=a_value"]):attr属性的属性值中包含a_value
7. 限定选择器:
这个名称是我自己起的,其实选择器组合都有限定的意思,你明白后面所介绍的知识即可.
具有限定子节点选择器:$("mix1[mix2]"):返回包含mix2的mix1节点.如:$("div[a]"):包含a标签的div.
这个和$("div a")不相同.后者表示div中的a标签,返回的是a标签对象,前者返回的是div标签对象
冒号限定结点选择器:$("mix:condition"):mix标签,并且满足限定条件.
E:root:类型为E,并且是文档的根元素
E:nth-child(n):是其父元素的第n个类型为E的子元素 ,基数从1开始
E:first-child:是其父元素的第1个类型为E的子元素
E:last-child:是其父元素的最后一个类型为E的子元素
E:only-child:且是其父元素的唯一一个类型为E的子元素
分享到:
相关推荐
### Jquery操作checked属性以及disabled属性的多种方法 #### 知识点概述: 本文主要介绍如何使用jQuery来操作HTML元素中的`checked`属性和`disabled`属性。在HTML中,`checked`属性通常用在单选按钮(radio)和复...
在jQuery的不同版本之间,处理checked属性的方式可能存在差异,这也会导致问题。为了解决这个问题,可以通过引入一个自定义属性isCheck来替代原有的checked属性,以确保复选框的状态在操作过程中能够被正确地获取和...
问题:经常使用jQuery插件的attr方法获取checked属性值,获取的值的大小为未定义,此时可以用prop方法获取其真实值,下面介绍这两种方法的区别: 1.通过prop方法获取checked属性,获取的checked返回值为boolean,...
这种方法直接访问DOM元素的`checked`属性,但jQuery对象并不直接支持这个属性,所以需要通过索引访问原始DOM元素,例如 `$("#ISOK1")[0].checked = true;` 2. 使用`.attr()` 方法: ```javascript $("#ISOK1")....
在实际的网页代码中,例如一个简单的示例,在页面中放置一些带有相同类名的单选按钮,并通过一个按钮触发jQuery函数,当用户点击按钮后,页面上的脚本会查找所有带有该类名的单选按钮,并且只隐藏那些已经被选中的...
jquery input checked全选与反选1.3.2的版本 jquery是一个流行的JavaScript库,它提供了许多实用的功能来简化Web开发过程。在这个例子中,我们将展示如何使用jquery来实现全选和反选的功能,特别是在1.3.2版本中。 ...
因此,`[checked]`属性选择器可能无法正确识别复选框的`checked`状态,因为它在尝试匹配的是一个非空字符串,而不是布尔值。 解决这个问题的一种方法是使用`.filter()`方法,结合`:checked`伪类来确保在所有浏览器...
可以通过查找具有`checked`属性的单选按钮来获取其值: ```javascript var radioVal = $("input[type=radio][name=some_name]:checked").val(); ``` 这里使用了`:checked`伪类选择器来定位被选中的单选按钮。 ###...
假设我们现在需要这样的场景:页面上有一个checkbox,我们期望通过Jquery来获得它是否选中,或者通过Jquery来让它被选中。 在JQ1.6之前的版本,我们会这样写我们的代码: 代码如下: <input type=’checkbox’ id=...
jQuery的选择器语法是基于CSS选择器的,如`$("#id")`选取ID为指定值的元素,`$(".class")`选取具有特定类名的元素,`$("tag")`选取所有特定类型的元素。此外,jQuery还提供了更高级的选择器,如`:first`、`:last`、`...
- 示例代码`$("input[name='checkbox_name']").attr("checked", $("#checkbox_id").attr("checked"))`表示将所有同名复选框的选中状态与`#checkbox_id`的选中状态同步。 2. **文本输入(Text)**: - `$("#text_...
jQuery与checkbox的checked属性之间的关系是前端开发者经常需要处理的问题。在Web开发过程中,复选框(checkbox)是用来让用户选择多个选项的常用表单控件,而jQuery是一个广泛使用的JavaScript库,它简化了HTML文档...
最后,文章中提到的一些jQuery方法,如`.attr("id")`,虽然与获取name属性的值不是直接相关,但其使用方式与`.val()`类似。比如: ```javascript $("input[type='text']").attr("id"); ``` 这行代码用于获取第一个...
最后一种方法是使用jQuery提供的`:checked`伪类选择器来查找所有被选中的`radio`按钮。 ```javascript var modelType = $("input:checked").val(); ``` **解释:** - `$("input:checked")`: 选择所有被选中的`...
<input type="radio" name="choice" id="option2" value="2"> 选项二 <input type="radio" name="choice" id="option3" value="3"> 选项三 ``` 在这个例子中,我们创建了三个具有 `name="choice"` 的...
- `#id`:通过ID查找元素。 - `Element`:按元素标签名查找。 - `selector1,selector2`:同时匹配多个选择器。 2. **层级选择器**: - `ancestor descendant`:查找祖先元素内的后代元素。 - `parent > child`...