jQuery选择器(一)
来源:互联网 发布:java建网站 编辑:程序博客网 时间:2024/06/16 04:50
一、基本选择器
1、id选择器
选择器:#id
描述:根据给定的id匹配一个元素
返回:单个元素
示例:改变id为mydiv的元素的背景色
<script type="text/javascript"> $(document).ready(function(){ //id选择器 $("#mydiv").css("background","#f96"); });</script>
2、class选择器
选择器:.class
描述:返回给定的类名匹配的元素
返回: 集合元素
示例:改变class为mini的所有元素的背景色
<script type="text/javascript"> $(document).ready(function(){ //class选择器 $(".mini").css("background","#f96"); });</script>
3、元素选择器
选择器:element
描述:根据给定的元素名匹配元素
返回:集合元素
示例:改变元素名是<div>的所有元素的背景色
<script type="text/javascript"> $(document).ready(function(){ //element选择器 $("div").css("background","#f96"); });</script>
4、所有元素选择器
选择器:*
描述:改变匹配的所有html标签元素
返回值:集合元素
示例:改变html所有元素标签的背景色
<script type="text/javascript"> $(document).ready(function(){ //*选择器 $("*").css("background","#f96"); });</script>
5、多种元素选择器
选择器:selector,selector2,...selectorN
描述:将每一个选择器匹配到的元素合并后一起返回
返回:集合元素
示例:改变class名为mini和段落p元素的背景色
<script type="text/javascript"> $(document).ready(function(){ //selector1,selector2,...selectorN选择器 $(".mini,p").css("background","#f96"); });</script>
jQuery选择器(一)
jQuery选择器(二)
jQuery选择器(三)
jQuery选择器(四)
0 0
- JQuery选择器(一) 基本选择器
- jQuery选择器(精华一)
- 一. JQuery选择器
- jQuery选择器(一)
- jQuery选择器(一)
- jquery选择器操作一
- jQuery(一) 选择器
- jQuery选择器总结(一)
- jQuery选择器(一)
- jQuery选择器(一)
- jQuery 学习一:选择器
- jquery选择器(一)
- Jquery选择器(一)
- jQuery选择器(一)
- jQuery选择器(一)
- jQuery (一、基本选择器)
- jQuery选择器(一)
- Jquery选择器总结一
- iOS事件传递机制
- Ubuntu下mysql配置
- 【协议分析】HTTP2报文头及数据帧格式解析实例分析
- java 获取英文语句中每个字母出现的次数
- Linux---vmstat命令
- jQuery选择器(一)
- 既舒适又个性 打造休闲静谧的现代居室
- C/C++中结构体struct 的使用
- Andoird Studio 1.1.0 "import android.support.annotation.Nullable;"失败
- ZOJ 3863 Paths on the Tree 树分治
- 网站”改“的好,排名升得快
- leetcode 4 Median of Two Sorted Arrays
- EAS小贷系统(财务业务一体化)
- Javascript和JQuery中常用的随机数产生函数