jQuery 学习--选择器
2012-02-01 11:42
225 查看
jQuery 语法
jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。基础语法是:$(selector).action()
美元符号定义 jQuery
选择符(selector)“查询”和“查找” HTML 元素
jQuery 的 action() 执行对元素的操作
示例
$(this).hide() - 隐藏当前元素$("p").hide() - 隐藏所有段落
$("p.test").hide() - 隐藏所有 class="test" 的段落
$("#test").hide() - 隐藏所有 id="test" 的元素
提示:jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本教程接下来的章节,您将学习到更多有关选择器的语法。
jQuery 语法实例
$(this).hide()演示 jQuery hide() 函数,隐藏当前的 HTML 元素。$("#test").hide()演示 jQuery hide() 函数,隐藏 id="test" 的元素。$("p").hide()演示 jQuery hide() 函数,隐藏所有 <p> 元素。$(".test").hide()演示 jQuery hide() 函数,隐藏所有 class="test" 的元素。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");
相关文章推荐
- jQuery学习篇(2)_jQuery 选择器
- jQuery学习(七)——使用JQ完成下拉列表左右选择
- jQuery之表单域选择器学习笔记
- 前端学习笔记-jquery-13-其他选择/过滤函数方法
- JQuery学习笔记-内容选择器
- jquery基础学习之--选择器
- 学习JQuery【一】:选择对象
- jquery的学习总结之元素选择、查找、过滤
- [JQuery]学习——常规选择器
- JQuery学习笔记-可见性选择器
- (转)jQuery框架学习第二天:jQuery中万能的选择器
- JQuery学习笔记-属性选择器
- 从零开始学习jQuery (二) 万能的选择器
- 页面元素选择一(jQuery学习随笔一)
- jQuery学习之旅 Item2 选择器【二】
- C#JQuery学习(三)选择器
- jQuery学习之对象的选择
- jQuery学习之旅 Item2 选择器【二】
- 从零开始学习jQuery (二) 万能的选择器
- 【jQuery学习笔记------选择器】