[JQuery]元素查找和定位小結(jié)

沒有具體的說怎么怎么，只是把大致的方法和思路記錄下。資料文檔上很詳細(xì)。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)建站！專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、微信平臺小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了徐聞免費(fèi)建站歡迎大家使用！

<html>
    <head>
            <title>jquery元素定位</title>
            <!--引入jquery-->
            <script src="jquery-1.6.4.js"></script>
    </head>
    <body>
            <p>第一行</p>
            <p>第二行</p>
            <p>第三行</p>
            <p>第四行</p>
            <form id="test_form" class="test_form_class">
                    文本框:
                    <input type="text" value="text文本框" name="username" /><br/>
                    文本域:
                    <textarea id="form_testarea">文本區(qū)</textarea><br/>
                    復(fù)選框:
                    <input id="hobby" type="checkbox" name="hobby" value="吃飯" />
                    <input id="hobby" type="checkbox" name="hobby" value="睡覺" />
                    <input type="checkbox" name="hobby" value="看電視" /> <br/>
                    單選框:
                    <input type="radio" name="fav" value="打架" />
                    <input type="radio" name="fav" value="玩游戲" /><br/>                 
            </form>
              
                      
    </body>
    <script>
        //初始化載入
        $(document).ready(function(){
                /*
                    JQuery中查找元素的方法選擇器，節(jié)點(diǎn)關(guān)系，遍歷
                */
                //選擇器的使用很簡單，基本和css的選擇器相同，根據(jù)標(biāo)簽，class，id等屬性,
                //也可以組合使用
                //$()
                //標(biāo)簽,返回值是一個對象列表，可以使用下標(biāo)來取得一個值
                console.log($("input"));
                //id id屬性使用#開頭，雖然返回的是一個列表，但是只有第一個匹配到的id的元素
                console.log($("#hobby"));
                //class 使用.開頭，也是一個列表
                console.log($(".test_form_class"));
                  
                //當(dāng)我們使用選擇器找到一個元素列表的時候還需要定位元素，使用遍歷可行，
                //特殊位置可以使用些方法
                //參考http://www.w3schools.com/jquery/jquery_ref_selectors.asp
                //元素集中的第一個元素 :first
                console.log($("p:first")); //p之后不能有空格
                  
                //剩下的就是使用query方法做查找，例如find方法
                //Get the descendants of each element in the current set of matched elements,
                // filtered by a selector
                //當(dāng)我們獲取一個大些的節(jié)點(diǎn)，在對其進(jìn)行過濾找出其中所需要的元素節(jié)點(diǎn)
                console.log($("form").find("input:last")); //找出form節(jié)點(diǎn)的最后一個input節(jié)點(diǎn)元素
                  
                //還有一些根據(jù)元素關(guān)系的查找方法 .parent(), .closest(),
                // .children()<此方法類似于.find()方法>
        });
    </script>
</html>

文章標(biāo)題：[JQuery]元素查找和定位小結(jié)
文章來源：http://muchs.cn/article16/ghchdg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、網(wǎng)站制作、自適應(yīng)網(wǎng)站、建站公司、移動網(wǎng)站建設(shè)、動態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化