爱程序网

JQuery选择器

来源: 阅读:

1.id选择器: $("#id")  

2.class选择器:$(".id")

例子:
 <div>
        姓名:
        <input type="text" id="txtName" />
        年龄:
        <input type="text" class="txtvag" />
        <input type="button" id="btnAdd" value="确定" />
    </div>
实现:
 var name = $('#txtName'); //.id选择器: $("#id")  
  var avg = $('.txtvag'); //.class选择器:$(".id")

2.使用选择器查找DOM

例子:

<ul id="test">
        <li>张三</li>
        <li>
        <ul id="france">
        <li>paris</li>
        </ul>
        </li>
        <li class="wu">王五</li>
        </ul>

实现: 

                $("#test li") //使用子选择器获得UL中的LI
                $("#test >li"); //>表示找到直属元素,即 ul 中的 li 元素
                $(".wu,#france"); //选择class为"wu",id为"france"的元素,查找多个元素用逗号隔开

                $("#test li:first"); //获取ul中的第一个元素,索引从0开始
                $("#test li:last"); //获取ul中的最后一个元素
                $("#test li:odd"); //使用(伪类)odd类获取奇数位的列表元素
                $("#test li:even"); //获取偶数位的列表元素

关于爱程序网 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助