【JS】【jQuery】【获取对象,选择器】
2017-12-26 10:35
363 查看
通过$(“XXX”)方式获取的都是jQuery对象,由Dom的节点元素组成的伪数组对象
- 基本选择器
$("#id值"); //返回一个伪数组,里面只有一个对应id的节点元素 $("div"); //返回所有标签是div的节点元素 $(".myclass"); //返回所有class='myclass'的节点元素 $("*"); //返回所有节点元素 //多重选择 $("#myid,span,div.myclass"); //返回id=myid的元素,所有span标签的元素,div标签且class=myclass的元素 组成的JQuery伪数组对象.
- 层级选择器
$("ul li"); //返回ul下所有级别的li子元素. $("ul>li"); //返回ul下第一级的li子元素. $("div~input"); //返回div之后的第一个input元素 $("div+input"); //返回div之前的第一个input元素
- 属性选择器
$("*[name]"); //返回所有有name属性的元素 $("*[name='armo']"); //返回所有name='armo'的元素 $("select[name='armo']") //返回所有name='armo'的select元素 $("*[name^='armo']"); //返回所有以armo开头的元素 $("*[name$='armo']"); //返回所有以armo结尾的元素 $("*[name*='armo']"); //返回所有含有armo的元素
- 内容选择器
$("div:empty"); //返回无子节点(文本也是节点)的div元素 $("div:parent"); //返回有内容的div $("div:has(p)"); //返回内容中有p节点的div $("div:contains('armo')"); //返回内容中有'armo'文本的div
- 子元素选择器
$("ul li:nth-child(2)"); //返回所有ul下的第二个li $("ul li:fist-child"); //返回所有ul下的第一个li $("ul li:last-child"); //返回所有ul下的最后一个li $("ul li:only-child"); //返回唯一的li(ul下只有一个ul)
- 表单选择器
$(":input"); //返回所有input+select+textarea+button的节点 $(":text"); //返回所有input标签中type=text的元素节点 $(":checkbox"); //返回所有input标签中type=checkbox的元素节点
- 表单属性选择器
$(":checkbox"); //input的checkbox中被选中的节点 $(":selected"); //select的option中被选中的节点 $(":disabled");//input中不可以编辑的节点 $(":enabled"); //input中可以编辑的节点
相关文章推荐
- js和jquery获取文档对象以及滚动条位置
- js,jquery获取checkbox的值及判断是否选择
- jquery 对象选择器获取 a,span,div,class对象内容
- 在JQuery 中 获取原生 js 对象
- js获取当前选择的对象
- 【js与jquery】如何获取选择的下拉菜单的值
- jQuery 获取对象 基本选择与层级
- jQuery第二课 ——节点选择、元素创建与操作、包装对象、jq转原生js
- jQuery 获取对象 基本选择与层级
- jquery 通过属性选择器获取input不为disabled的对象
- jquery和js 获取对象差异
- 【js与jquery】如何获取选择的下拉菜单的值
- 通过jquery获取input的value问题--理解JQuery对象和JS:DOM对象区别与联系
- jQuery 练习[二]: 获取对象(1) - 基本选择与层级
- js表单序列化,jquery获取表单对象的属性值
- JS-jquery 获取当前点击的对象
- JS获取事件对象_获取事件的源对象(Firefox_IE)
- Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法
- JS和jQuery获取节点的兄弟,父级,子级元素
- jQuery获取Select选择的Text和 Value(转)