html
公司主營業(yè)務(wù):網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳,提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化,感謝他們對我們的高要求,感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn),讓我們激情的團(tuán)隊(duì)有機(jī)會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出木蘭免費(fèi)做網(wǎng)站回饋大家。
head
script?type="text/javascript"?src="/jquery/jquery.js"/script
script?type="text/javascript"
$(document).ready(function(){
$(".btn1").click(function(){
$("p").html('aaaaaaaa');
});
});
/script
/head
body
pThis?is?a?paragraph./p
button?class="btn1"p/button
/body
/html
假設(shè)需要顯示的數(shù)據(jù)是“123”。
顯示的div的ID是“aaa”。
JS代碼:
var divA = document.getElementById("aaa");
divA.innerHTML = divA.innerHTML+'123';
jQuery代碼:
$(document).ready(function(){
$("#aaa").append(" b123/b.");//有標(biāo)簽效果
});
擴(kuò)展資料:
$(this).val():獲取某個元素節(jié)點(diǎn)的value值,相當(dāng)于$(this).attr("value");
$(this).val(value):設(shè)置某個元素節(jié)點(diǎn)的value值,相當(dāng)于$(this).attr("value",value);
append() 方法在被選元素的結(jié)尾(仍然在內(nèi)部)插入指定內(nèi)容。
提示:append() 和?appendTo()?方法執(zhí)行的任務(wù)相同。不同之處在于:內(nèi)容的位置和選擇器。
語法:
$(selector).append(content)
Jquery AutoComplete自動完成 的使用方法實(shí)例
作者:
jQuery的Autocomplete(自動完成、自動填充)插件有不少,但比較下來我感覺,還是bassistance.de的JQuery Autocomplete plugin比較強(qiáng)大,我們就來寫一些代碼感受一下。
jquery-autocomplete配置:
script type="text/javascript" src="/js/jquery-1.4.2.min.js"/script
script type="text/javascript" src="/js/jquery.autocomplete.min.js"/script
link rel="Stylesheet" href="/js/jquery.autocomplete.css" /
首先是一個最簡單的Autocomplete(自動完成)代碼片段:
復(fù)制代碼 代碼如下:
html xmlns=""
head runat="server"
titleAutoComplate/title
script type="text/javascript" src="/js/jquery-1.4.2.min.js"/script
script type="text/javascri
本文實(shí)例講述了jQuery實(shí)現(xiàn)手機(jī)號正則驗(yàn)證輸入及自動填充空格功能。分享給大家供大家參考,具體如下:
先來看看運(yùn)行效果(在刪除時連刪即可):
具體代碼:
!DOCTYPE
html
html
lang="en"
head
meta
charset="UTF-8"
titleDocument/title
/head
body
input
type="text"
id="inp"
script
src="jquery-1.12.3.min.js"/script
script
$(function(){
$("#inp").keyup(function(){
/*
手機(jī)號驗(yàn)證時:
var
pattern
=
/^1[3|4|5|7|8]\d{1}\s\d{4}\s\d{4}$/;
pattern.test(str);
*/
_self
=
$(this);
if(_self.val().length
==
3
||
_self.val().length
==
8){
var
str
=
_self.val()+"
";
_self.val(str);
}
});
});
/script
/body
/html
PS:這里再為大家提供2款非常方便的正則表達(dá)式工具供大家參考使用:
JavaScript正則表達(dá)式在線測試工具:
正則表達(dá)式在線生成工具:
更多關(guān)于jQuery相關(guān)內(nèi)容可查看本站專題:《jQuery正則表達(dá)式用法總結(jié)》、《jQuery字符串操作技巧總結(jié)》、《jQuery操作xml技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計(jì)有所幫助。
網(wǎng)站欄目:jquery填充,jquery添加html內(nèi)容
網(wǎng)站網(wǎng)址:http://chinadenli.net/article4/dsdscoe.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)、手機(jī)網(wǎng)站建設(shè)、微信公眾號、面包屑導(dǎo)航、網(wǎng)站內(nèi)鏈、自適應(yīng)網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)