jquery新手入门教学(二)
来源:互联网 发布:淘宝客软文制作 编辑:程序博客网 时间:2024/05/01 14:22
jQuery过滤选择器
符号
说明
用法
:eq(index)
index是从0开始的一个数字,选择序号为index的元素。选择第一个匹配的元素。
$(“li:eq(1)”). css(“background”,”red”)
:gt(index)
Index 是从0开始的一个数字,选择序号大于index的元素
$(“li:gt(2)”). css(“background”,”red”)
:lt(index)
Index是从0开始的一个数字,选择小于index 的元素
$(“li:lt(2)”). css(“background”,”red”)
:odd
选择所有序号为奇数行的元素
$(“li:odd”). css(“background”,”red”)
:even
选择所有序号为偶数的元素
$(“li:even”). css(“background”,”red”)
:first
选择匹配第一个元素
$(“li:first”). css(“background”,”red”)
:last
选择匹配的最后一个元素
$(“li:last”). css(“background”,”red”)
jQuery属性选择器
符号
说明
用法
$(“a[href]”)
选择所有包含href属性的元素
$(“a[href]”). css(“background”,”red”)
$(“a[href=‘baizhi’]”)
选择href属性值为itcast的所有a标签
$(“a[href=’ baizhi’]”). css(“background”,”red”)
$(“a[href!=’baidu’]”)
选择所有href属性不等baidu的所有元素,包括没有href的元素
$(“a[href!=’baidu’]”). css(“background”,”red”)
$(“a[href^=’web’]”)
选择所有以web开头的元素
$(“a[href^=’web’]”). css(“background”,”red”)
$(“a[href$=’cn’]”)
选择所有以cn结尾的元素
$(“a[href$=’cn’]”). css(“background”,”red”)
$(“a[href*=’i’]”)
选择所有包含i这个字符的元素,可以是中英文
$(“a[href*=’i’]”). css(“background”,”red”)
$(“a[00f][title=’我’]”)
选择所有符合指定属性规则的元素,都符合才会被选中。
$(“a[href][title=’我’]”). css(“background”,”red”)
mouseover事件跟mouseenter事件的区别:
mouseover/mouseout事件,鼠标经过的时候会触发多次,每遇到一个子元素就会触发一次。
mouseenter/mouseleave事件,鼠标经过的时候只会触发一次
jQuery中Css设置
DOM对象跟jQuery对象相互转换 :
jQuery对象转换成DOM对象:
方式一:$(“#btn”)[0]
方式二:$(“#btn”).get(0)
DOM对象转换成jQuery对象:
$(document) -> 把DOM对象转成了jQuery对象
var btn = document.getElementById(“btn”);
btn -> $(btn);
- jquery新手入门教学(二)
- jquery新手入门教学(一)
- jquery新手入门教学(三)
- jquery新手入门教学(四)
- jQuery新手入门(二) 万能的选择器
- struts-validator绝对新手入门教学
- 黑莓开发新手入门教学帖,如何制作一个能控制LED颜色的程序(二)
- JQuery新手入门理论知识
- VB新手入门之二
- 新手入门--输入格式二
- Pomelo 新手入门(二)
- Directdraw新手入门(二)
- axure新手入门基础二
- java新手入门 二
- NodeJs新手入门(二)
- python新手入门(二)
- jquery实例教学一
- 教学项目二设计
- java使用SimpleEmail发送邮件
- effective java--通用程序设计
- DRV_MTK
- L0、L1、L2、Elastic Net正则项
- 深入java集合系列:Vector
- jquery新手入门教学(二)
- QT Creatrt 5.1.1 无法调用QUdpSocket
- spring+springmvc+kafka分布式消息中间件集成方案
- java 获取文件编码格式
- 复杂对象的组装与创建——建造者模式(二)
- 字符串和数字之间的互相转换
- Android studio 使用与快捷键
- 关于MySQL数据库的information_schema等的解释
- java基础,2.基本运算结构