首先在head中載入jquery庫和cityselect插件。 接下來,我們?cè)?city中,放置三個(gè)select,并且三個(gè)select分別設(shè)置class屬性為:prov、city、dist,分別表示省、市、區(qū)(縣)三個(gè)下拉框。
10年積累的成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)經(jīng)驗(yàn),可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你,你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程,更有霞山免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
使用jquery的ajax方式從服務(wù)器加載json數(shù)據(jù)至客戶端即可以實(shí)現(xiàn)省市級(jí)聯(lián)的效果。具體如下:1)、頁面初始化時(shí),首先加載所有的?。?)、選擇省,ajax傳送編碼至服務(wù)器,服務(wù)器根據(jù)選中的省編碼,返回省下所有的市。
省市區(qū)要實(shí)現(xiàn)三級(jí)聯(lián)動(dòng),肯定要有一個(gè)級(jí)聯(lián)對(duì)應(yīng)關(guān)系,即哪個(gè)省下面有哪些市,哪些市下面有哪些區(qū)/縣,所以在json數(shù)據(jù)中就需要使用parent、id這些字面量來標(biāo)明相應(yīng)的對(duì)應(yīng)關(guān)系。
每次點(diǎn)擊時(shí)切換要調(diào)用的函數(shù)。如果點(diǎn)擊了一個(gè)匹配的元素,則觸發(fā)指定的第一個(gè)函數(shù),當(dāng)再次點(diǎn)擊同一元素時(shí),則觸發(fā)指定的第二個(gè)函數(shù)。隨后的每次點(diǎn)擊都重復(fù)對(duì)這兩個(gè)函數(shù)的輪番調(diào)用。
jquery插件就是一些人用jquery寫的一些工具,我們?cè)谡{(diào)用時(shí)只需要用很少的代碼就能實(shí)現(xiàn)很好的效果,編寫jquery插件的目的主要是給已經(jīng)有的一系列方法或函數(shù)做一個(gè)封裝,以便在其他地方重復(fù)使用,方便后期維護(hù)和提高開發(fā)效率。
DataTables是一個(gè)jQuery的表格插件。實(shí)例講解需求:如下圖所示,對(duì)datatables的內(nèi)容進(jìn)行添加,編輯,刪除的操作。分析:添加功能---單擊add按鈕,彈出對(duì)話框,添加新的內(nèi)容。
1、年8月26日首發(fā)。JohnResig在2006年8月26日發(fā)布jQuery的第一個(gè)穩(wěn)定版本。JohnResig是一位美國工程師,他是jQuery的創(chuàng)始人和技術(shù)領(lǐng)袖,目前在Mozilla公司擔(dān)任JavaScript工具開發(fā)工程師。
2、jQuery由美國人John Resig創(chuàng)建,至今已吸引了來自世界各地的眾多javascript高手加入其team,包括來自德國的Jrn Zaefferer,羅馬尼亞的Stefan Petre等等。jQuery是繼prototype之后又一個(gè)優(yōu)秀的Javascrīpt框架。
3、美國時(shí)間2011年1月31日J(rèn)ohn Resig在jQueryguan 方博客發(fā)表文章,宣布jQuery 5正式版已經(jīng)如期開發(fā)完成,可以下載使用。壓縮版本jQuery Minified29KB,不壓縮版本jQuery Regular(用于閱讀和調(diào)試)207KB。
4、年5月,jQuery 6版發(fā)布,這版主要是將Brandon Aaron開發(fā)的流行的Dimensions插件的功能移植到了核心庫中,同時(shí)也修改了許多BUG,而且有不少的性能得到提高。
5、是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫(或JavaScript框架)。jQuery兼容各種主流瀏覽器,如IE 0+、FF5+、Safari0+、Opera 0+等。
6、DWZ富客戶端框架(jQuery RIA framework), 是中國人自己開發(fā)的基于jQuery實(shí)現(xiàn)的Ajax RIA開源框架.設(shè)計(jì)目標(biāo)是簡單實(shí)用,快速開發(fā),降低ajax開發(fā)成本。歡迎大家提出建議,我們將在下一版本中進(jìn)一步調(diào)整和完善功能.共同推進(jìn)國內(nèi)整體ajax開發(fā)水平。
1、基本選擇器 基本選擇器是jQuery中最常用也是最簡單的選擇器,它通過元素的id、class和標(biāo)簽名等來查找DOM元素。
2、其實(shí)jQuery選擇器就只有一種$()函數(shù)或jQuery()函數(shù),$只是jQuery的縮寫。$()的引號(hào)中,以點(diǎn)開頭,說明是選擇Class。以井號(hào)開始,說明是選擇ID,直接寫入標(biāo)簽,則證明是選擇指定的元素。最主要就是篩選器。
3、基礎(chǔ)選擇器是jQuery中最常用選擇器,也是最簡單的選擇器,它通過元素id、class和標(biāo)簽名等來查找DOM元素。
當(dāng)前題目:jquery國家選擇 jquery css選擇器
文章網(wǎng)址:http://jinyejixie.com/article33/dgpchps.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營銷型網(wǎng)站建設(shè)、電子商務(wù)、手機(jī)網(wǎng)站建設(shè)、App設(shè)計(jì)、網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)