jQuery学习(二)语法 选择器
2013-04-17 20:06
387 查看
选择器
基础语法是:$(selector).action()示例:
$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有段落
$("p.test").hide() - 隐藏所有 class="test" 的段落
$("#test").hide() - 隐藏所有 id="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 函数位于一个 document ready 函数中:$(document).ready(function(){ --- jQuery functions go here ---- });
这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码。
如果在文档没有完全加载之前就运行函数,操作可能失败。下面是两个具体的例子:
试图隐藏一个不存在的元素
获得未完全加载的图像的大小
相关文章推荐
- jquery学习笔记一:选择器高级语法
- jQuery学习笔记--------(选择器、事件、语法)
- 二.javaweb笔记之JQuery学习路线+语法+常用选择器
- jQuery基础学习8——层次选择器children()方法
- 结合firebug学习jQuery选择器
- jQuery选择器探究:语法汇总
- jQuery学习之旅 Item1 选择器【一】
- jQuery基础学习一 简介、选择器、事件
- [知了堂学习笔记] jQuery选择器
- 元素过滤JQuery学习(2)选择器(2)
- a毛 jquery 学习记 4过滤选择器1
- jQuery学习大总结(二)jQuery选择器完整介绍
- jQuery-使用选择器注意事项 学习笔记十
- 一步一步学习 JQuery (四) 过滤选择器:属性过滤选择器 && 子元素过滤选择器 && 表单过滤选择器
- 【Sizzle学习】之关于【初探 jQuery 的 Sizzle 选择器】这篇文章里的小bug
- Jquery实战学习--Jquery选择器
- jquery学习随笔(简单选择器)
- 从零开始学习jQuery (二) 万能的选择器
- [JQuery]学习——过滤选择器
- jQuery学习第三课(选择器第一讲)