黑马程序员技术交流社区

标题: JQuery过滤选择器 [打印本页]

---

作者: 马锋    时间: 2013-1-29 13:39
标题: JQuery过滤选择器
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

---

作者: 许庭洲    时间: 2013-1-29 18:51
值得学习ing!

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2