jquery基础选择器
通过标签元素的id,标签名,class来进行选择
eg : $("#div1") (选择id为div1的元素) , $("div")(选择标签名为div的所有元素)
$(".class1")(选择使用css样式的clss1元素)
同时选中多个选择器:$("div",a) 用逗号隔开。
层次选择器
eg:$(".class1 div" ) 先选择所有使用class1样式的元素,然后选择其中的div元素,中 间使用空格隔开
$(".class>li") 先选择所有使用class1样式的元素,然后选择其中的li标签元素
需要注意的是选择的是直接子元素。
$("#div1+div") 选择id为div1的元素,然后选择它后面的兄弟元素div(注意同级)
基本过滤器 (:) 说白了就是选一级再选一级
$("tr:first") $("input:not(checked)") $("tr:even")
$("tr:gt(1)") 选择行数大于1的元素
内容过滤器
$("div:contains('jone')")
$("div:has(p)") 选择div元素中所有的p标签
可见性过滤选择器:
$("tr:hidden") $("tr:visible")
属性过滤器:
$("div[id]") 查找所有含有id属性的div元素
$("div[id]") 查找所有含有id属性的div元素
$("input[name='newsletter']").attr(''checked",true); 选择input标签中属性值为 newsletter的元素,并把它的checked属性设置为true。
$("input[name^='news']") 选择input标签中属性名以news开头的属性
$("input[name*='news']") 换成* 标签包含某些值的元素。
$("input[id][name$='man']")选择所有包含id的input元素,并且name属性是以man结 尾。
表单选择器(如果是以:开头,那么它就是表单选择器,注意是在一个form表单中)
$(":input") , $(":text"), $(":password") $("checkbox") $(":submit") $(:image) $(:reset)
$(":button") $(":file")
jquery转义:
要注意的是如果你的对象名里包含 “#;&,.+*~’:”!^$[]()=>|/” 这些元字符时,你必须用 “\\” 进行转义。
要注意的是如果你的对象名里包含 “#;&,.+*~’:”!^$[]()=>|/” 这些元字符时,你必须用 “\\” 进行转义。