层级选择器
$('div > p') //div下的直接子元素p
$('div p') //div下的所有元素p
$(".prev + div")//紧挨着的兄弟节点,.prev后面的div
$(".prev ~ div")//.prev之后的所有div
基本选择器
$(".div:first") //获取首个元素
$(".div:last") //获取最后一个元素
$(".div:even") //索引为偶数元素
$(".div:odd") //索引为奇数元素
$(".aaron:eq(2)") //索引为2的元素
$(".aaron:gt(3)") //索引大于3的元素
$(".aaron:lt(2)") //索引小于2的元素
$("input:not(:checked)") //不匹配的input
$("div:contains('string')") //包含string的元素返回 p span等直接包含的标签
$("div:has('string')") //返回div中包含string的div
$("a:parent") //有内容(子元素或文本)的元素
$("a:empty") //无内容的元素
$('#div3:visible') //显示的元素
$('#div1:hidden') //隐藏的元素
属性选择器
$('div[name=p1]') //与属性值相等的元素
$('div[p2]') //包含属性的元素
$('div[name|="string"]') //属性值等于string 或 string-* 的元素
$('div[name~="string"]') // 属性值等于string 或 * string * 的元素
$('div[name^=string]') //属性值已string开头的元素
$('div[name$=string]') //属性值已string结束的元素
$('div[name*=string]') //属性值包含的string的元素
$('div[name!=string]') //属性值不等于string的元素
子元素选择器
$('div a:first-child') //div的第一个a
$('div a:last-child') //div的最后一个a
$('div a:only-child') //div下只有一个a的a
$('div a:nth-child(2)') //div下第二个a == eq(1) eq 从0开始
$('div a:nth-last-child(2)') //div下倒数第二个a
表单元素选择器
$(':input') //获取所有input 元素
$('input:text') //文本框
$('input:password') //密码框
$('input:radio')//单选按钮
$('input:checkbox')//复选按钮
$('input:submit')//提交按钮
$('input:image') //image按钮 注释:类型为image的input有submit功能
$('input:button')//按钮
$('input:file')//文件
表单对象属性筛选选择器
$('input:enabled') //选取可用的元素
$('input:disabled') //不可用的元素
$('input:checked') //被选中的单选或复选框
$('option:selected') //选中的option
元素样式设置
$obj.toggleClass //样式切换
$obj.css("background-color") //样式取值
$obj.css(["background-color","width"]) //样式取值返回数组
$obj.css({"background-color":red,"width":"100px"})//样式赋值
数据存储
$obj.data("key","value") //为对象数据存储 ,但key不在html可见
$obj.data("key") //获取对象数据值
jQuery.data($obj, key, value ) //存数据
jQuery.data($obj, key ) //取数据 问题:$obj如果不是与存储时同一次获取,则取不出值
jquery笔记一
最新推荐文章于 2024-03-09 11:41:00 发布