JQuery过滤选择器
$(function () {
$("#btn").click(function () { alert("我是button"); }); //id选择器,$("#btn")相当于document.getElementById("btn"),"#"键不能忘
//隐式迭代,给每个P标签添加click事件
$("p").click(function () { alert("我是p"); }); //TagName选择器,$("p")相当于document.getElmentsByTagName("p").
$(".myCss").focus(function () { alert("我是text") }); //样式选择器,使用了.myCss样式的元素才会触发
//多条件选择器:
//$("p,div,span.menuitem") ,同时选择p标签,div标签和拥有menuitem样式的span标签.
//层次选择器: !!!!注意: 选择器表达式中的空格不能多不能少 !!!!!!!!
//$("div li")获取div下的所有li元素(包括间接的li);
//$("div > li")获取div下的直接li元素(不包括间接的li);
//相对选择器:
//$("#div1").click(function(){$("ul",$(this)).css("background","red")}) 第二个参数传递一个jquery对象,则相对于这个对象为基准进行相对的选择($(this)就表示id为div1的div)
//基本过滤选择器: //$("div:first") 选取第一个div
//$("div:last") 选取最后一个div
//$("input:not(.myClass)") 选取不是myClass样式的<input>
//$("input:even") 选取索引是奇数的<input>
//$("input:odd") 选取索引是偶数的input
//$("input:eq(1)") 选取索引等于1的input
//$("input:gt(1)") 选取索引大于1的元素
//$("input:lt(1)") 选取索引小于1的input
//$(":header") 选取所有的h1到h6的元素
//$("div:animated") 选取正在执行动画的div元素
//$("div[id]") 选取有id属性的div
//$("div[title=test]") 选取title属性为test的div
//$("div[title!=test]") 选取title属性不为test的div
//$("#form1:enabled") 选取id为form1的表单内所有启用的元素
//$("#form1:disabled") 选取id为form1的表单内所有禁用的元素
//$("input:checked") 选取所有选中的元素(radio,checkbox)
//$("select:selected") 选取所有选中的选项元素(下拉列表)
//$(":input") 选取所有<input>,<textarea>,<select>和<button>元素($("input")只获得<input>)
//$(":text") 选取所有的单行文本框,等价于$("input:[type=text]")
//$(":password") 选取所有密码框
//同样的还有 :radio, :checkbox, :submit, :image, :reset, :button, :file, :hidden
|
收藏
淘帖
踩
