當(dāng)前位置：首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

jquery标签选择器应用示例

發(fā)布時(shí)間：2025/4/14 编程问答 40 豆豆

生活随笔收集整理的這篇文章主要介紹了 jquery标签选择器应用示例小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

1 統(tǒng)一設(shè)置div內(nèi)容

? ??可以用標(biāo)簽選擇器來(lái)選擇所有的 div 元素;

<!DOCTYPE html> <html> <head><title></title><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script><script>function setdiv(){$("div").html('統(tǒng)一設(shè)置內(nèi)容；');}</script> </head> <body><h1></h1><div id="div1" style="border:1px solid #0F0;width:150px;height:50px;"></div><p></p><div id="div2" style="border:1px solid #0F0;width:150px;height:50px;"></div><p></p><div id="div3" style="border:1px solid #0F0;width:150px;height:50px;"></div><p></p><div id="div4" style="border:1px solid #0F0;width:150px;height:50px;"></div><p></p><div id="div5" style="border:1px solid #0F0;width:150px;height:50px;"></div><p></p><button onclick="setdiv()">設(shè)置內(nèi)容</button> </body> </html>

2? jQuery獲取表單的全部數(shù)據(jù)

? ? serialize()方法,
　　 var data= $("form").serialize();
　　?將表單內(nèi)容序列化成一個(gè)字符串;?

<!DOCTYPE html> <html> <head><title>表單</title><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script><script>function getform(){var data= $("form").serialize();alert('表單數(shù)據(jù)：'+data);}</script> </head> <body><h1>注冊(cè)表單</h1><form action="" method="get"><p><label>用戶名：</label><input type="text" name="user" /></p><p><label>密   碼：</label><input type="password" name="password" /></p><p><label>性   別：</label><input type="radio" name="gender" value="0" /> 男<input type="radio" name="gender" value="1" /> 女</p><p><label>愛(ài)   好：</label><input type="checkbox" name="like" value="0"> 學(xué)習(xí) <input type="checkbox" name="like" value="1"> python<input type="checkbox" name="like" value="2"> 游泳</p><p><label>個(gè)人介紹:</label><textarea name='introduce'></textarea></p><p><label>籍   貫：</label><select name="site"><option value="0">北京</option><option value="1">上海</option><option value="2">河南</option><option value="3">河北</option><option value="4">山東</option></select></p><p><input type="submit" name="" value="提交1"><input type="reset" name="" value="重置1"></p></form><button onclick="getform()">Get Form</button> </body> </html>

? ? ?$("form")，也是標(biāo)簽選擇器；

總結(jié)

以上是生活随笔為你收集整理的jquery标签选择器应用示例的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

上一篇： ReactOS 架构
下一篇：超图iServer发布一个示例3D场景