html5 的一些input標簽可以有只帶 非空驗證!

創(chuàng)新互聯(lián)建站從2013年成立,先為玉環(huán)等服務建站,玉環(huán)等地企業(yè),進行企業(yè)商務咨詢服務。為玉環(huán)企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務解決您的所有建站問題。
還可以有郵箱格式,數(shù)字 ,路徑等等之類的驗證
你可以看下這:
本文實例講述了JQuery刪除DOM節(jié)點的方法。分享給大家供大家參考。具體分析如下:
如果文檔中某一個元素多余,那么應將其刪除。JQuery提供了兩種刪除節(jié)點的方法,即remove()和empty()。
HTML
DOM結構如下:
p
class="nm_p"
title="歡迎訪問腳本之家"
歡迎訪問腳本之家/p
ul
class="nm_ul"
li
title='PHP編程'簡單易懂的PHP編程/li
li
title='C編程'簡單易懂的C編程/li
li
title='JavaScript編程'簡單易懂的JavaScript編程/li
li
title='JQuery'簡單易懂的JQuery編程/li
/ul
remove()方法
作用是從DOM中刪除所有匹配的元素,傳入的參數(shù)用于根據(jù)JQuery表達式來篩選元素。
例如刪除ul節(jié)點中的第2個li元素節(jié)點,JQuery代碼如下:
$(".nm_ul
li:eq(1)").remove();
//
獲取第二個li元素節(jié)點后,將它從網(wǎng)頁中刪除
運行代碼后效果將刪掉第二個節(jié)點。
當某個節(jié)點用remove()方法刪除后,該節(jié)點所包含的所有后代節(jié)點將同時被刪除。這個方法的返回值是一個指向已被刪除的節(jié)點的引用,因此可以在以后再使用這些元素。下面的JQuery代碼說明元素用remove()方法刪除后,還是可以繼續(xù)使用的。
var
$li
=
$("nm_ul
li:eq(1)").remove();
//
獲取第二個li元素節(jié)點后,將它從網(wǎng)頁中刪除。
$li.appendTo("nm_ul");
//
把剛才刪除的又重新添加到ul元素里
//所以,刪除只是從網(wǎng)頁中刪除,在jQuery對象中,這個元素還是存在的,我們可以重新獲取它
可以直接使用appendTo()方法的特性來簡化以上代碼,JQuery代碼如下:
$("nm_ul
li:eq(1)").appendTo("nm_ul");
//appendTo()方法也可以用來移動元素
//移動元素時首先從文檔上刪除此元素,然后將該元素插入得到文檔中的指定節(jié)點
另外remove()方法也可以通過傳遞參數(shù)來選擇性地刪除元素,JQuery代碼如下:
//
把li元素中屬性title不等于"菠蘿"的li元素刪除
$("nm_ul
li").remove("li[title!=JQuery]");
empty()方法
嚴格來講,empty()方法并不是刪除節(jié)點,而是清空節(jié)點,它能清空元素中的所有后代節(jié)點。JQuery代碼如下:
$("nm_ul
li:eq(1)").empty();
//
找到第二個li元素節(jié)點后,清空此元素里的內(nèi)容
當運行代碼后,第2個li元素的內(nèi)容被清空了,只剩下li標簽默認的符號“.”。
希望本文所述對大家的jQuery程序設計有所幫助。
jQuery對象是通過jQuery包裝DOM對象后產(chǎn)生的對象
注意:jQuery對象只能使用jQuery里的方法,DOM對象只能使用DOM對象的方法
基本選擇器
層級選擇器:
基本篩選器:
屬性選擇器:
表單篩選器:
篩選器方法:
jQuery的一些方法:
注意:對于標簽上有的能夠看到的屬性和自定義屬性用attr()方法
對于返回布爾值比如checkbox,radion,option這三個標簽是否被選中,用prop方法
事件綁定方式:
注意:DOM定義的事件可以用 .on()方法來綁定事件,但是jQuery定義的事件就不可以
常用事件有:
移除事件:把on改成off,就是移除 .on()綁定的事件
阻止后續(xù)事件執(zhí)行:事件函數(shù)中添加 return false; (常用于阻止表單提交等)或者e.preventDefault()
阻止事件冒泡:添加e.stopPropagation()
利用父標簽去捕獲子標簽的事件
推薦閱讀:
前端開發(fā)框架之jQuery 和 Vue 的選擇
前端開發(fā)之15個jQuery小技巧分享
前端開發(fā)之JQuery入門基礎操作
前端開發(fā)框架jQuery的優(yōu)勢與基礎知識分享
你要這些干啥,就是像直接拿過來用??這樣不利于你技術的進步啊,多對著官方文檔練習就好了。
腳本之家(jb51.net)是國內(nèi)專業(yè)的網(wǎng)站建設資源、腳本編程學習類網(wǎng)站,提供asp、php、asp.net、javascript、jquery、vbscript、dos批處理、網(wǎng)頁制作、網(wǎng)絡編程、網(wǎng)站建設等編程資料。
本文名稱:jquery之家,jQuery筆記
本文來源:http://chinadenli.net/article23/dsesocs.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供動態(tài)網(wǎng)站、自適應網(wǎng)站、小程序開發(fā)、云服務器、網(wǎng)站改版、商城網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)