1、基本選擇器:
讓客戶滿意是我們工作的目標,不斷超越客戶的期望值來自于我們對這個行業的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶,將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴,公司提供的服務項目有:主機域名、網站空間、營銷軟件、網站建設、來賓網站維護、網站推廣。
#id 、element 、.class 、* 、selector1,selector2,selectorN
2、層次選擇器:
ancestor descendant 、parent child 、prev + next 、prev ~ siblings
3、基本過濾器選擇器
:first 、:last 、:not 、:even 、:odd 、:eq 、:gt 、:lt 、:header 、
:animated
4、內容過濾器選擇器
:contains 、:empty 、:has 、:parent
5、可見性過濾器選擇器
:hidden 、:visible
6、屬性過濾器選擇器
[attribute] 、[attribute=value] 、[attribute!=value] 、[attribute^=value] 、[attribute$=value] 、[attribute*=value] 、[attrSel1][attrSel2][attrSelN]
7、子元素過濾器選擇器
:nth-child 、:first-child 、:last-child 、:only-child
8、表單選擇器
:input 、:text 、:password 、:radio 、:checkbox 、:submit 、:image 、:reset 、:button
、:file 、:hidden
9、表單過濾器選擇器
:enabled 、:disabled 、:checked 、:selected
可以
$(this).find("hidden")
hidden是標簽嗎?不是標簽你這樣寫就不對
jQuery?的選擇器可謂之強大無比,這里簡單地總結一下常用的元素查找方法?
$("#myELement")????選擇id值等于myElement的元素,id值不能重復在文檔中只能有一個id值是myElement所以得到的是唯一的元素?
$("div")???????????選擇所有的div標簽元素,返回div元素數組?
$(".myClass")??????選擇使用myClass類的css的所有元素?
$("*")?????????????選擇文檔中的所有的元素,可以運用多種的選擇方式進行聯合選擇:例如$("#myELement,div,.myclass")?
層疊選擇器:?
$("form?input")?????????選擇所有的form元素中的input元素?
$("#main??*")??????????選擇id值為main的所有的子元素?
$("label?+?input")??????選擇所有的label元素的下一個input元素節點,經測試選擇器返回的是label標簽后面直接跟一個input標簽的所有input標簽元素?
$("#prev?~?div")????????同胞選擇器,該選擇器返回的為id為prev的標簽元素的所有的屬于同一個父元素的div標簽?
基本過濾選擇器:?
$("tr:first")????????????????????選擇所有tr元素的第一個?
$("tr:last")?????????????????????選擇所有tr元素的最后一個?
$("input:not(:checked)")??過濾掉:checked的選擇器的所有的input元素?
$("tr:even")?????????????????????選擇所有的tr元素的第0,2,4...?...個元素(注意:因為所選擇的多個元素時為數組,所以序號是從0開始)?
$("tr:odd")??????????????????????選擇所有的tr元素的第1,3,5...?...個元素?
$("td:eq(2)")????????????????????選擇所有的td元素中序號為2的那個td元素?
$("td:gt(4)")????????????????????選擇td元素中序號大于4的所有td元素?
$("td:lt(4)")????????????????????選擇td元素中序號小于4的所有的td元素?
$(":header")?
$("div:animated")?
內容過濾選擇器:?
$("div:contains('John')")????????選擇所有div中含有John文本的元素?
$("td:empty")????????????????????選擇所有的為空(也不包括文本節點)的td元素的數組?
$("div:has(p)")??????????????????選擇所有含有p標簽的div元素?
$("td:parent")???????????????????選擇所有的以td為父節點的元素數組?
可視化過濾選擇器:?
$("div:hidden")?????????選擇所有的被hidden的div元素?
$("div:visible")????????選擇所有的可視化的div元素?
屬性過濾選擇器:?
$("div[id]")?????????????????????選擇所有含有id屬性的div元素?
$("input[name='newsletter']")????選擇所有的name屬性等于'newsletter'的input元素?
$("input[name!='newsletter']")???選擇所有的name屬性不等于'newsletter'的input元素?
$("input[name^='news']")?????????選擇所有的name屬性以'news'開頭的input元素?
$("input[name$='news']")?????????選擇所有的name屬性以'news'結尾的input元素?
$("input[name*='man']")??????????選擇所有的name屬性包含'news'的input元素?
$("input[id][name$='man']")??????可以使用多個屬性進行聯合選擇,該選擇器是得到所有的含有id屬性并且那些屬性以man結尾的元素?
子元素過濾選擇器:?
$("ul?li:nth-child(2)"),$("ul?li:nth-child(odd)"),$("ul?li:nth-child(3n?+?1)")?
$("div?span:first-child")??????????返回所有的div元素的第一個子節點的數組?
$("div?span:last-child")???????????返回所有的div元素的最后一個節點的數組?
$("div?button:only-child")?????????返回所有的div中只有唯一一個子節點的所有子節點的數組?
表單元素選擇器:?
$(":input")????????????????????選擇所有的表單輸入元素,包括input,?textarea,?select?和?button??
$(":text")?????????????????????選擇所有的text?input元素?
$(":password")?????????????????選擇所有的password?input元素?
$(":radio")????????????????????選擇所有的radio?input元素?
$(":checkbox")?????????????????選擇所有的checkbox?input元素?
$(":submit")???????????????????選擇所有的submit?input元素?
$(":image")????????????????????選擇所有的image?input元素?
$(":reset")????????????????????選擇所有的reset?input元素?
$(":button")???????????????????選擇所有的button?input元素?
$(":file")?????????????????????選擇所有的file?input元素?
$(":hidden")???????????????????選擇所有類型為hidden的input元素或表單的隱藏域?
表單元素過濾選擇器:?
$(":enabled")??????????????????選擇所有的可操作的表單元素?
$(":disabled")?????????????????選擇所有的不可操作的表單元素?
$(":checked")??????????????????選擇所有的被checked的表單元素?
$("select?option:selected")????選擇所有的select?的子元素中被selected的元素
比如:input id="hd" name="hd" type="hidden" /
js:document.getElement("hidden").setAttribute("value",'數值");
jquery:$("#id").attr("value","數值");
$("#id").val("數值");
1、首先需要新建一個html文檔,可以用任何文本編輯器,這里演示用Dreamweaver軟件,新建并保存html文檔。
2、然后寫html代碼,寫一個input文本輸入框id為inputId,寫一個按鈕,id為buttonId,這里要做的是點擊按鈕就為隱藏域的value賦值。
3、然后把輸入框和按鈕的css樣式寫好,當然不寫樣式也可以,這里主要是為了美化一下。
4、最后就是關鍵步驟了,引入jQuery文件,注意路徑一定要正確,寫jQuery代碼。
5、打開瀏覽器測試一下,點擊按鈕之后輸入框內自動輸入了賦值的內容。
本文名稱:jquery隱藏域,HTML隱藏域
分享URL:http://m.newbst.com/article48/phheep.html
成都網站建設公司_創新互聯,為您提供外貿網站建設、定制開發、企業網站制作、微信小程序、網站排名、Google
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯