jQuery 选择器
2016-02-13 16:37
465 查看
jQuery 选择器
@(编程)jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。
选择器允许您对 HTML 元素组或单个元素进行操作。
选择器允许您对 DOM 元素组或单个 DOM 节点进行操作。
jQuery 元素选择器
jQuery 使用 CSS 选择器来选取 HTML 元素。$("p") 选取 <p> 元素。 $("p.intro") 选取所有 class="intro" 的 <p> 元素。 $("p#demo") 选取所有 id="demo" 的 <p> 元素。
jQuery 属性选择器
jQuery 使用 XPath 表达式来选择带有给定属性的元素。$("[href]") 选取所有带有 href 属性的元素。 $("[href='#']") 选取所有带有 href 值等于 "#" 的元素。 $("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。 $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
jQuery CSS 选择器
jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。下面的例子把所有 p 元素的背景颜色更改为红色:
$("p").css("background-color","red");
更多的选择器实例
$(this) 当前 HTML 元素 $("p") 所有<p>元素 $("p.intro") 所有 class="intro" 的<p>元素 $(".intro") 所有 class="intro" 的元素 $("#intro") id="intro" 的元素 $("ul li:first") 每个<ul>的第一个<li>元素 $("[href$='.jpg']") 所有带有以 ".jpg" 结尾的属性值的 href 属性 $("div#intro .head") id="intro" 的<div>元素中的所有 class="head" 的元素
参考
jQuery 选择器相关文章推荐
- Jquery 的异步登录
- 【第一天】初步接触jQuery
- jQuery正则表达式
- jQuery中的text(),html(),val()的区别
- Jquery前端封装 自定义高度CSS模拟 类似于jquery库的写法
- 《JQuery——插件的开发和使用(二)之qTip2 插件的使用》
- jQuery提交表单问题
- jquery动画stop()方法简介
- Jquery选择器总结
- Jquery - checked 全选与取消全选
- JQuery——插件的开发和使用(一)
- jquery封装之--css封装
- jQuery编程基础精华02(属性、表单过滤器,元素的each,表单选择器,子元素过滤器(*),追加方法,节点,样式操作)
- jQuery编程基础精华02(属性、表单过滤器,元素的each,表单选择器,子元素过滤器(*),追加方法,节点,样式操作)
- 使用Jquery解析Json基础知识
- jQuery表格插件,简易demo
- jQuery插件-把中文字符串,中文的…
- jQuery自定义插件
- jquery实现具有嵌套功能的选项卡
- 用Javascript和jQuery分别完成侧边栏固定滑动