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

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

一.查找元素节点

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部分--网页特效 时间关系未写完,等待更新