jQuery学习之路(二) 基本选择器
来源:互联网 发布:一般linux培训要多少钱 编辑:程序博客网 时间:2024/05/17 09:41
这是第二课,主要学习一些基本的jQuery选择器
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>lesson2 基本选择器</title><link rel="stylesheet" type="text/css" href="css/lesson.css" ></link><script type="text/javascript" src="../js/jquery-1.9.1.js"></script><script type="text/javascript" src="js/lesson.js"></script></head><body><div id="div"></div><div class="div"></div><div class="div"></div><div class="div"></div><div><p>111111</p><p>222222</p><p>33333333</p><p>444444444</p></div></body></html>
div{width:200px;height:200px;background-color:red;border: 2px solid blue;}#box > p { /*CSS 子选择器,IE6 不支持*/color:red;}
$(function(){$('#div').css('background-color','blue');//id选择器$('.div').css('background-color','green');//class选择器//jQuery 核心自带的一个属性 length 或 size()方法来查看返回的元素个数alert($('#div').length);//值为1alert($('.div').size());//值为3$("div >p").css('color','white');//jQuery 子选择器,兼容了 IE6/*jQuery选择器在获取节点对象的时候不但简单, 还内置了容错功能, 这样避免像JavaScript那样每次对节点的获取需要进行有效判断。*///$("#aaa").css('color','red');//不存在 ID 为 aaa的元素,也不报错//document.getElementById('aaa').style.color = 'red'; //js内置方法报错了});/* * 选择器 CSS模式 jQuery 模式 描述 * 元素名 div {} $('div') 获取所有 div 元素的 DOM 对象 * ID #box {} $('#box') 获取一个 ID 为 box 元素的 DOM 对象 * 类(class) .box{} $('.box') 获取所有class为box的所有DOM对象 * 群组选择器 span,em,.box {} $('span,em,.box') 获取多个选择器的 DOM 对象 * 后代选择器 ul li a {} $('ul li a') 获取追溯到的多个 DOM 对象 * 通配选择器 * {} $('*') 获取所有元素标签的 DOM 对象 * 后代选择器 ul li a {} $('ul li a') 获取追溯到的多个 DOM 对象 * 子选择器 div > p {} $('div p') 只获取子类节点的多个 DOM 对象 * next 选择器 div + p {} $('div + p') 只获取某节点后一个同级DOM对象 * nextAll 选择器 div ~ p {} $('div ~ p') 获取某节点后面所有同级DOM对象 */
未完待续。。。。。。。
0 0
- jQuery学习之路(二) 基本选择器
- JQuery学习之路(jQuery选择器二)
- jQuery学习之基本选择器
- JQuery学习之(二)选择器
- 一步一步学习 JQuery (二) 选择器: 基本选择器 && 层次选择器
- jQuery学习之基本选择器、层次选择器和并且选择器
- jQuery学习笔记(二)之jQuery选择器
- jQuery再学习之二、jQuery选择器
- jquery学习(二)选择器
- jQuery选择器之基本选择器
- jquery选择器之基本选择器
- CSS学习二之CSS基本选择器
- JQuery学习笔记2:选择器之二
- jQuery学习之旅 Item2 选择器【二】
- jQuery学习之旅 2 选择器【二】
- jQuery学习笔记(二)--jQuery选择器
- jQuery学习笔记二(jQuery选择器)
- jQuery基础教程之强大的选择器(基本选择器)
- 套接字编程
- IPad一张图应用系统
- Eclipse快捷键
- Failed to load JavaHL Library. SVN
- CURD是什么
- jQuery学习之路(二) 基本选择器
- Memcached概述
- 通过表单收集客户机数据
- 马程序员学习笔记——红黑树解析二
- ABAP跳转到物料主数据
- UVa 10341 - Solve It
- Android的Activity屏幕切换动画(一)-左右滑动切换
- maven搭建私服(3)
- jsp文档上传案例