jquery基本选择器
2015-10-18 14:25
561 查看
关于基本选择器包括 “*” ,“.class”,"element","#id","selector1 selementN"
"*" 选择器,可以找到文档中的所有的元素,包括 head body
$(function(){
$("#test").find("*").css("border","3px solid red");
//找到 #test 这个元素下面的所有的 元素
});
".class" 选择给定样式类名的所有的元素。
$(function(){
$(".myclass").css("background-color","red");
//找到带有 .myclass 这个选择器的所有的 元素
})
element”根据标记名称选择所有的元素。
$(function(){
$(".biaoq div").css("background-color","yellow");
$(".biaoq span").css("background-color","green");
//找到带有 .biaoq这个选择器的所有的下面div 元素
//找到带有 .biaoq这个选择器的所有的下面span元素
})
“#id”选择一个具有给定id 属性的单个元素。
$(function(){
$("#myid").css("background-color","red");
//找到带有 #myclass 这个选择器的所有的 元素
})
"selector1 selementN" 将每个选择器匹配到的元素合并后返回
$(function(){
$(".jh div, .jh .myclass").css("border","3px solid red");
//找到的是一个集合,没找一组的时候 注意些的时候要用逗号隔开。
})
"*" 选择器,可以找到文档中的所有的元素,包括 head body
$(function(){
$("#test").find("*").css("border","3px solid red");
//找到 #test 这个元素下面的所有的 元素
});
".class" 选择给定样式类名的所有的元素。
$(function(){
$(".myclass").css("background-color","red");
//找到带有 .myclass 这个选择器的所有的 元素
})
element”根据标记名称选择所有的元素。
$(function(){
$(".biaoq div").css("background-color","yellow");
$(".biaoq span").css("background-color","green");
//找到带有 .biaoq这个选择器的所有的下面div 元素
//找到带有 .biaoq这个选择器的所有的下面span元素
})
“#id”选择一个具有给定id 属性的单个元素。
$(function(){
$("#myid").css("background-color","red");
//找到带有 #myclass 这个选择器的所有的 元素
})
"selector1 selementN" 将每个选择器匹配到的元素合并后返回
$(function(){
$(".jh div, .jh .myclass").css("border","3px solid red");
//找到的是一个集合,没找一组的时候 注意些的时候要用逗号隔开。
})
相关文章推荐
- jQuery实现打印输出字体
- jQuery基本选择器
- 为什么jQuery不能监听body的滚动事件呢?
- jQuery实现鼠标点击Div区域外隐藏Div
- 用jQuery写的最简单的表单验证
- jQuery Ajax 实例 ($.ajax、$.post、$.get)
- jquery设置元素的readonly与diabled属性方法
- jQuery缓存数据——仿Map
- JQuery思维导图
- jquery表单属性筛选元素
- JQUERY 滑动加载数据
- jQuery源码分析之width,height,innerWidth,innerHieght,outerWidth,outerHeight函数
- JQuery UI的拖拽功能实现方法小结
- jquery图片传送带
- jquery属性值选择器
- jquery 访问控制菜单
- jquery实现页面等待时的交互效果
- Jquery闪烁提示特效
- jquery排除某个元素
- jQuery源码分析之jQuery.event.special八问