菜鸟学习笔记3——jQuery 选择器
2013-11-20 13:47
399 查看
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" 结尾的元素。
实例
$("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 中事件方法的一些例子:Event 函数 | 绑定函数至 |
---|---|
$(document).ready(function) | 将函数绑定到文档的就绪事件(当文档完成加载时) |
$(selector).click(function) | 触发或将函数绑定到被选元素的点击事件 |
$(selector).dblclick(function) | 触发或将函数绑定到被选元素的双击事件 |
$(selector).focus(function) | 触发或将函数绑定到被选元素的获得焦点事件 |
$(selector).mouseover(function) | 触发或将函数绑定到被选元素的鼠标悬停事件 |
相关文章推荐
- jQuery之过滤选择器学习笔记
- 菜鸟的jquery学习笔记,jquery添加删除html标签属性:2011-12-19
- jQuery学习笔记2——选择器的练习
- JQuery学习笔记-基本过滤选择器
- 【JQuery学习笔记一】理解JQuery对象含义和JQuery选择器的使用!
- jQuery 学习笔记之四 (jQuery 选择器)
- jQuery学习笔记--------(选择器、事件、语法)
- jQuery学习笔记二(jQuery选择器)
- jQuery入门学习笔记----第二章 jQuery选择器
- jQuery学习笔记之jQuery选择器的使用
- jquery1.9学习笔记 之选择器(基本元素五)
- 前端学习笔记-jquery-11-(过滤选择器)过滤器:可见性过滤器
- 【知了堂学习笔记】_jQuery基础知识之选择器(一)
- [知了堂学习笔记] jQuery选择器
- jQuery学习笔记之选择器(继基础核心篇)
- JQuery 学习笔记 选择器之二
- 菜鸟的jQuery源码学习笔记(二)
- JQuery学习笔记(三)——选择器2
- jQuery学习笔记(三):选择器总结
- jQuery学习笔记2:选择器