給div添加一個id 然后再jQuery里面寫

作為一家“創(chuàng)意+整合+營銷”的成都網(wǎng)站建設(shè)機(jī)構(gòu),我們在業(yè)內(nèi)良好的客戶口碑。創(chuàng)新互聯(lián)提供從前期的網(wǎng)站品牌分析策劃、網(wǎng)站設(shè)計、成都網(wǎng)站設(shè)計、網(wǎng)站制作、創(chuàng)意表現(xiàn)、網(wǎng)頁制作、系統(tǒng)開發(fā)以及后續(xù)網(wǎng)站營銷運(yùn)營等一系列服務(wù),幫助企業(yè)打造創(chuàng)新的互聯(lián)網(wǎng)品牌經(jīng)營模式與有效的網(wǎng)絡(luò)營銷方法,創(chuàng)造更大的價值。
$('#id名').html('要替換的內(nèi)容');
代碼如下;
script
function change(){
$("#xx").html('aaa');
}
/script
div id='xx'xxx/div
input type='button' onclick='change()'
如果將文本域的文本內(nèi)容添加到span標(biāo)簽表示的區(qū)域中,可以使用如下代碼
$("span").text($("textarea").val());
下面舉個例子:
創(chuàng)建Html元素:span標(biāo)簽用于點擊按鈕后復(fù)制文本的區(qū)域,文本域用于文本的輸入
div?class="top"
span/span
textarea/textareabr
input?type="button"?value="提交"
/div
簡單設(shè)置一下css樣式
div.top{width:500px;height:150px;margin:50px;}
span{display:?inline-block;width:330px;height:20px;padding:10px;margin:10px?0;border:2px?dashed?#ebbcbe;}
textarea{width:350px;height:100px;padding:10px;border:1px?solid?green}
input[type='button']{width:80px;height:30px;margin:10px?0;}
編寫jquery代碼
$(function(){
$("input[type='button']").click(function()?{
$("span").text($("textarea").val());
});
})
觀察顯示效果
初始狀態(tài)
輸入文字
點擊按鈕
script?type="text/javascript"
$('div').bind({
mouseover:?function(){
if($(this).attr('def')?!=?1){
$('div').data('html',?$(this).html());
$(this).html('span我是span標(biāo)簽/span');
}
$(this).attr('def',?1);
},
mouseout:?function(){
if($(this).attr('def')?==?1){
$(this).html($('div').data('html'));
$('div').data('html',?'');
}
$(this).attr('def',?0);
}
});
/script
方法和詳細(xì)的操作步驟如下:
1、第一步,打開html編輯器,創(chuàng)建一個新的html文件,例如index.html,然后編寫基本代碼,如下圖所示。
2、第二步,完成上述步驟后,在index.html中的script標(biāo)簽中,輸入js代碼,如下圖所示。
3、第三步,完成上述步驟后,瀏覽器運(yùn)行index.html頁面,并使用jquery刪除所有span,如下圖所示。這樣,以上的問題就解決了。
jquery中的字符串查找替換有2個類似的方法,但都是查找替換dom元素的方法,而不是查找替換純文本的方法。
1、replaceWith(),將所有匹配的元素替換成指定的HTML或DOM元素。
示例:
把所有的段落標(biāo)記替換成加粗的標(biāo)記。
HTML?代碼:
pHello/ppcruel/ppWorld/p
jQuery?代碼:
$("p").replaceWith("bParagraph.?/b");
結(jié)果:
bParagraph.?/bbParagraph.?/bbParagraph.?/b
2、replaceAll(),用匹配的元素替換掉所有 selector匹配到的元素
示例:
把所有的段落標(biāo)記替換成加粗標(biāo)記
HTML?代碼:
pHello/ppcruel/ppWorld/p
jQuery?代碼:
$("bParagraph.?/b").replaceAll("p");
結(jié)果:
bParagraph.?/bbParagraph.?/bbParagraph.?/b
注意:
如果需要查找純文本替換,可以直接使用js中的String.replace(regexp, replacement)
方法。
示例:
要確保單詞“JavaScript'’中的大寫字符是正確的,可用下列代碼:
text.replace(/javascript/i, "JavaScript");
網(wǎng)頁標(biāo)題:jquery內(nèi)容替換,jquery的替代品
標(biāo)題URL:http://chinadenli.net/article21/dsigocd.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供標(biāo)簽優(yōu)化、網(wǎng)站改版、網(wǎng)站收錄、全網(wǎng)營銷推廣、做網(wǎng)站、虛擬主機(jī)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)