码迷,mamicode.com
首页 > Web开发 > 详细

Jquery部分--网页特效 时间关系未写完,等待更新

时间:2017-01-05 11:48:12      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:alert   option   选择   --   对象   class   查找   部分   更新   

一.查找元素节点

1./*基本选择器,通过id,class元素查找DOM对象*/

<div id="aa">111</div>
<div class="aa">222</div>

 

alert($("#aa").html());
alert($(".aa").html());

2. /*层次选择器,查找div中的p元素*/

<div><p>11</p></div>
        <div><p>22</p></div>
        <div><p>33</p></div>
/*$("div>p").html();   查找div中的p元素
  $("div p").html();*/ 查找div中的p元素

3./*过滤选择器,例如查找div中的第一个和最后一个元素,第一个div中的子元素和最后一个子元素*/

        <div>11</div>
        <div>22</div>
        <div>33</div>
        <div>44</div>
       /*alert($("div:first").html());
        alert($("div:last").html());
        alert($("div:first-child").html());
        alert($("div:last-child").html());*/

4./*表单选择器*/

<input type="radio" name="aa" id="aa" value="" />
        <input type="radio" name="aa" id="aa" value="" />
        <input type="checkbox" name="bb" id="bb" value="" />
        
        <select name="aa">
            <option value=""></option>
        </select>-->
       /*$("input:checked").val();  获取所有选中的单选和复选按钮表单元素
        $("select:selected").val(); 获取下拉菜单中被选中的value值*/

5.无需列表的选取

<ul>
            <li>111</li>
            <li>222</li>
            <li>333</li>
            <li>444</li>
        </ul>
alert($("ul li:eq(1)").text());

二、

Jquery部分--网页特效 时间关系未写完,等待更新

标签:alert   option   选择   --   对象   class   查找   部分   更新   

原文地址:http://www.cnblogs.com/xingyue1988/p/6251656.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!