jQuery中選擇器小問題(新人難免遇到)
更新時間：2014年03月31日 15:24:05 投稿：whsnow
寫用戶注冊驗證時遇到的jQuery選擇器問題，下面做下記錄，有遇到類似情況的朋友可以參考下
今天照著jQuery手冊學(xué)習(xí)，了解了選擇器的使用，準(zhǔn)備試試寫個用戶注冊驗證，沒想到還沒開始一個很小的問題把我難住了！
新人難免遇到很小的細節(jié)問題，在此文僅供自勉：
測試部分代碼如下：
復(fù)制代碼 代碼如下:
<script type="text/javascript" src="jquery.1.11.0.min.js"></script>
<script type="text/javascript">
function checkUser(){ //檢查用戶名的函數(shù)
alert("OK"); //測試。。。
}
$(document).ready(function(){
$(":text :first").blur(function (){ //當(dāng)失去焦點觸發(fā)的事情
/**此處就是我折騰好久的地方。當(dāng)然我想獲得的是用戶注冊元素，所以我用
* 如上選擇器，結(jié)果根本不行！檢查代碼，發(fā)現(xiàn)根本就沒有錯誤！那問題出在哪？
*選擇器的使用有問題？我換用 #id 選擇器，果然OK!但是理論上如上這種選擇器肯定是沒問題的！
*我又用 $(":input :text") ,錯誤！ $(":input :eq(0)"); 錯誤！ 妹的！問題到底在哪？
*此刻，把:text與:first中的一個空格不小心刪掉，一運行，跑起來了！果斷再試用剛那
*幾個選擇器，全OK！經(jīng)過多次測試，得出如下經(jīng)驗：
*使用內(nèi)部包含關(guān)系的組合選擇器時，它們之間不能加空格！$(":text :first)" 錯誤！$(":text:first)
**/ 正確！當(dāng)使用層次關(guān)系的組合選擇器時，他們之間要有空格
checkUser();
});
</script>
</head>
<body>
<form>
<fieldset>
<legend>注冊頁面</legend>
用戶名<input type="text"> <br>
密碼<input type="password"><span> <br>
驗證密碼<input type="password"> <br>
email<input type="text" ><span> <br>
<input type="submit" value="注冊">
</fieldset>
</form>
</body>
</html>
相關(guān)文章
兩個運算符雖然比較相似，其實區(qū)別還是非常大的，雖然不難區(qū)別，但是對于初學(xué)者可能稍有困擾，下面就簡單介紹一下它們兩者的區(qū)別，希望對需要的朋友有所幫助2014-01-01
讓jQuery Mobile不顯示討厭loading界面的方法
jQuery Mobile總是顯示討厭的loading界面，下面有個不錯的解決方法，大家可以參考下2014-02-02
jQuery實現(xiàn)橫向帶緩沖的水平運動效果(附demo源碼下載)
這篇文章主要介紹了jQuery實現(xiàn)橫向帶緩沖的水平運動效果,涉及jQuery中鼠標(biāo)事件及animate方法使用技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-01-01
jQuery獲得IE版本不準(zhǔn)確webbrowser的解決方法
用$.browser.version經(jīng)常出現(xiàn)一些不準(zhǔn)確的狀況，最近碰到，做了一些總結(jié)，不知道是否全面2014-02-02
jquery利用json實現(xiàn)頁面之間傳值的實例解析
本文主要介紹了jquery利用json實現(xiàn)頁面之間傳值的方法，具有很好的參考價值，需要的朋友可以看下2016-12-12
AJAX的跨域與JSONP(另送一個為文章自動添加短址的功能)2010-01-01
jquery+swiper組件實現(xiàn)時間軸滑動年份tab切換效果
這篇文章主要介紹了jquery+swiper組件實現(xiàn)時間軸滑動年份tab切換效果,本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-12-12
本篇文章主要介紹了基于jQuery的左滑出現(xiàn)刪除按鈕的示例，這里整理了詳細的代碼,非常具有實用價值，需要的朋友可以參考下2017-08-08
對話框（Dialog）是一個特殊的窗口（window），可以包含在頂部的工具欄和在底部的按鈕。接下來通過本文給大家介紹easyui創(chuàng)建對話框的兩種方式，非常不錯，感興趣的朋友一起看下吧2016-08-08
本篇文章主要介紹了jquery replace方法去空格的相關(guān)知識，具有很好的參考價值。下面跟著小編一起來看下吧2017-05-05