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

Posted 2020-08-26

一.查找元素节点

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());

二、