JQuery 选择器

简介:

1、jQuery 属性选择器

$("[href]") 选取所有带有 href 属性的元素。

$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

 

2、jQuery CSS 选择器

jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。

下面的例子把所有 p 元素的背景颜色更改为红色:

eg。

$("p").css("background-color","red");
 
3、更多实例
$("ul li:first")   : 每个 <ul> 的第一个 <li> 元素
$("div#intro .head"): id="intro" 的 <div> 元素中的所有 class="head" 的元素

 


本文转自Work Hard Work Smart博客园博客,原文链接:http://www.cnblogs.com/linlf03/archive/2012/01/01/2309619.html,如需转载请自行联系原作者

目录
相关文章
N..
|
JavaScript 前端开发 开发者
jQuery选择器
jQuery选择器
N..
97 1
|
5月前
|
JavaScript 索引
|
11月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
107 2
|
12月前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
94 5
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
90 0
|
JavaScript 前端开发 索引
jQuery的选择器与自带函数详解
jQuery的选择器与自带函数详解
104 0
|
11月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器用于操作 HTML 元素,支持基于 id、类、类型、属性等条件选择元素。它扩展了 CSS 选择器的功能,并使用 $() 符号。例如,$(&quot;p&quot;) 选取所有段落元素,而 $(&quot;button&quot;).click(function(){ $(&quot;p&quot;).hide(); }) 实现点击按钮后隐藏所有段落。
|
12月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
JavaScript
jQuery 选择器
jQuery 选择器
67 3
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
77 1