jQuery选择器
-基本选择器(basic)
$("#id")根据id值找到匹配的元素,最多只返回一个元素(如果该元素存在)
如果不存在,则返回一个空的jQuery对象.
$(".class")根据css的class属性来返回一个集合,无论该css类是否真的存在
只要定义在元素中就能被jQuery查询到.
-层次选择器(level)
-过滤选择器(filter)
-表单选择器(form)
<script type = "text/javascript" src = "jquery-1.4.3.js"></script>
<script type = "text/javascript">
$(document).ready(function()
{
$("#button1").click(function()
{
//找到表单body中所有的 div 元素
$("body div").css("background","red");
});
$("#button2").click(function()
{
//匹配表单body中所有的子级div元素。
$("body > div").css("background","yellow");
})
$("#button3").click(function()
{
//匹配所有跟在 label 后面的 input 元素
$(".one + div").css("background","blue");
})
$("#button4").click(function()
{
//找到所有与表单 id="two"同辈的 div 元素
$("#two ~ div").css("background","orange");
})
});
</script>
分享到:
相关推荐
Jquery选择器,Jquery选择器Jquery选择器Jquery选择器Jquery选择器Jquery选择器
jQuery选择器大全(48个代码片段 21幅图演示)
jQuery选择器全解.
jQuery选择器速查表,包括了jQuery的基本选择器、层次选择器、过滤选择器、表单选择器,方便以后查找。
Jquery选择器; 基本选择器;jQuery选择器;jQuery选择器; 层级选择器;jQuery选择器;;; 筛选选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器; 排他思想;jQuery选择器;jQuery...
jquery 选择器 描述
jQuery选择器过滤器全面的总结,老师推荐!
JQuery 选择器,方便 使用的技术
经典的jQuery选择器应用例子,直观的演示了各种选择器的应用例子。对学习jQuery很有帮助。
jQuery选择器大全(48个代码片段+21幅图演示)
这是一份比较全面的jQuery选择器基础知识,包括源代码和相应的ppt,供大家分享
Jquery选择器分类整理,基本都包含到了,学习笔记。
jquery选择器功能无比强大,用好了可以起到事半功倍的效果,这个资源把选择器单独列出来,便于方便查找
jquery选择器入门详解小案例,内附框架脚本,直接运行即可,可以查看源码!
JQuery选择器详解JQuery选择器详解
jquery初学者必备,有各种jquery的选择器,个人学习时整理
jQuery选择器总结,网上下载的,非原创的,仅供参考,学习学习。
通过思维导图对知识进行梳理,以便记忆
(24)选择表格中第3行,标题行不算(要求用nth-child()过滤器) 上机任务3 用chrome打开dom.sample2.html页面,该页面中内嵌有几个CSS类:.red .green .blue .yellow .thickBorder .seeThrough 在chrome的控制台...