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