jQuery选择器大全详解[常用学习](1/3)
2013-09-05 20:25
573 查看
jQuery选择器是jquery使用如此广泛的一个重要的功能了,下面我来给大家总结了一些使用中常用的jQuery选择器内容,有需要的同学可参考。择器是jQuery最基础的东西,本文中列举的选择器基本上囊括了所有的jQuery选择器,也许各位通过这篇文章能够加深对jQuery选择器的理解,它们本身用法就非常简单,我更希望的是它能够提升个人编写jQuery代码的效率。本文配合截图、代码和简单的概括对所有jQuery选择器进行了介绍,也列举出了一些需要注意和区分的地方。
一、基本选择器
1. id选择器(指定id元素)
将id="one"的元素背景色设置为黑色。(id选择器返单个元素)
将class="cube"的元素背景色设为黑色
将p元素的文字大小设置为12px
1 2 3
一、基本选择器
1. id选择器(指定id元素)
将id="one"的元素背景色设置为黑色。(id选择器返单个元素)
$(document).ready(function () { $('#one').css('background', '#000'); });2. class选择器(遍历css类元素)
将class="cube"的元素背景色设为黑色
$(document).ready(function () { $('.cube').css('background', '#000'); });3. element选择器(遍历html元素)
将p元素的文字大小设置为12px
$(document).ready(function () { $('p').css('font-size', '12px'); });4. * 选择器(遍历所有元素)
$(document).ready(function () { // 遍历form下的所有元素,将字体颜色设置为红色 $('form *').css('color', '#FF0000'); });5. 并列选择器
$(document).ready(function () { // 将p元素和div元素的margin设为0 $('p, div').css('margin', '0'); });--------------------------------------------------------------------------------
1 2 3
相关文章推荐
- Maven学习详解(13)——Maven常用命令大全与pom文件讲解
- Jquery学习五-1---jQuery常用选择器
- JQUERY学习之选择器大全
- 【jQuery】选择器与一些常用方法应用详解
- Jquery学习总结(二) jquery选择器详解
- jQuery学习笔记——jQuery选择器详解种类与方法
- jquery选择器大全 全面详解jquery选择器
- Jquery学习之选择器全集详解
- [置顶] Jquery学习总结(二) jquery选择器详解
- 常用jQuery选择器详解
- jquery选择器大全 全面详解jquery选择器
- jQuery常用选择器详解
- 二.javaweb笔记之JQuery学习路线+语法+常用选择器
- Maven学习详解(13)——Maven常用命令大全与pom文件讲解
- 【jQuery】选择器与一些常用方法应用详解
- [JQuery]学习——过滤选择器
- JQuery常用选择器
- 认识jQuery、jQuery和DOM对象的相互转换、jQuery选择器详解
- PHP&Javascript&CSS&jQuery常用知识大全
- jQuery中常用基本选择器的使用方法