給右邊div加一個(gè)id=“div1”屬性.$("#div1").empty(); 這樣就清空右邊的內(nèi)容了,然后再去顯示你自己的內(nèi)容就可以了。
在龍港等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務(wù)理念,為客戶提供成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì)制作按需求定制制作,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站設(shè)計(jì),成都全網(wǎng)營銷推廣,外貿(mào)網(wǎng)站建設(shè),龍港網(wǎng)站建設(shè)費(fèi)用合理。
jQuery是一個(gè)快速、簡(jiǎn)潔的JavaScript框架,是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫( 或JavaScript框架)。
jQuery設(shè)計(jì)的宗旨是“write Less,Do More”,即倡導(dǎo)寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡(jiǎn)便的JavaScript設(shè)計(jì)模式,優(yōu)化HTML文檔操作、事件處理、動(dòng)畫設(shè)計(jì)和Ajax交互。
2009年1月,jQuery 1.3版發(fā)布,它使用了全新的選擇符引擎Sizzle,在各個(gè)瀏覽器下全面超越其他同類型JavaScript框架的查詢速度,程序庫的性能也因此有了極大提升。
這一版本的第2個(gè)變化就是提供live()方法,使用live()方法可以為當(dāng)前及將來增加的元素綁定事件,在1.3版之前,如果要為將來增加的元素綁定事件,需要使用livequery插件,而在1.3版中,可以直接用live()方法。
2010年1月,也是jQuery的四周年生日,jQuery 1.4版發(fā)布,為了慶祝jQuery四周歲生日,jQuery團(tuán)隊(duì)特別創(chuàng)建了jquery14.com站點(diǎn),帶來了連續(xù)14天的新版本專題介紹。
如需刪除元素和內(nèi)容,一般可使用以下兩個(gè) jQuery 方法:
remove() - 刪除被選元素(及其子元素)
empty() - 從被選元素中刪除子元素
本文實(shí)例講述了jQuery使用empty()方法刪除元素及其所有子元素的方法,分享給大家供大家參考,具體實(shí)現(xiàn)方法如下:
$.ajax({
url: "SearchSN.aspx",
data: "SN=" + $("#txtStorageSN").val(),
cache: false,
success: function (html) {
$("#showResult").empty();
$("#showResult").append(html);
$("#showResult").css("color", "red");
}
});
頁面:div id="showResult"/div
$("#showResult").empty();//清除div內(nèi)容(Div內(nèi)容是通過aspx頁面進(jìn)行動(dòng)態(tài)添加的,需要先清除div內(nèi)容)
可以使用Jquery中的siblings()和remove()方法實(shí)現(xiàn)。實(shí)現(xiàn)原理主要是使用siblings獲取被點(diǎn)擊元素之外的同級(jí)元素,然后使用remove()刪除。完整的代碼如下:
運(yùn)行的效果如下:
例如當(dāng)點(diǎn)擊DIV內(nèi)容為2的框時(shí),其他的DIV被清除,內(nèi)容為2的框移到最頂,點(diǎn)擊后的效果圖如下:
擴(kuò)展資料:
如果想對(duì)移到最頂?shù)目蜻M(jìn)行一定的突出顯示處理,比如給個(gè)背景顏色,字體加大,可以利用css()方法,代碼如下:
!doctype html
html
head
meta charset="utf-8"
titleJQuery例子/title
link href="__CSS__/base.css" rel="stylesheet"
script src="__JS__/jquery.min.js"/script
/head
body
script
$(function(){
$(".class1").click(function() {
$(this).siblings().remove();
$(this).css({"background-color":"yellow","font-size":"50px"});
});
});
/script
div class="main"
div class="class1"1/div
div class="class1"2/div
div class="class1"3/div
div class="class1"4/div
/div
style type="text/css"
.main{width:640px;height:500px;margin:0 auto;border:1px solid red;}
.class1{width:90%;height:100px;margin:0 auto;border:1px solid red;margin-top:10px;font-size:40px;}
/style
/body
/html
運(yùn)行的效果如下:
可以使用 jQuery 設(shè)置內(nèi)容的val()方法來實(shí)現(xiàn),設(shè)置內(nèi)容為空即達(dá)到清空文本框內(nèi)容的目的:
1
$("input[name='test']").val("").focus(); // 將name=test的文本框清空并獲得焦點(diǎn),以便重新輸入
示例代碼如下
創(chuàng)建Html元素
div class="box"
span點(diǎn)擊按鈕后清除文本框內(nèi)容:/span
div class="content"
input type="text" name="test" value="這是默認(rèn)的內(nèi)容"
/div
input type="button" class="btn" value="清除文本框內(nèi)容"
/div
設(shè)置css樣式
div.box{width:300px;height:250px;padding:10px 20px;margin:20px;border:4px dashed #ccc;}
div.boxspan{color:#999;font-style:italic;}
div.content{width:250px;height:100px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}
input[type='text']{width:200px;height:30px;border:none;}
input[type='button']{width:120px;height:30px;margin:10px;border:2px solid #ebbcbe;}
編寫jquery代碼
$(function(){
$("input:button").click(function() {
$("input[name='test']").val("").focus(); // 清空并獲得焦點(diǎn)
});
})
比如表單下邊有input type="text" id="txt1"
使用jquery清空的話就這么寫:
$("#txt1").empty();
如果有其它的,跟上邊一樣的步驟進(jìn)行清空
網(wǎng)頁名稱:jquery清空,jquery清空表單數(shù)據(jù)
瀏覽路徑:http://aaarwkj.com/article22/dsieijc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作、ChatGPT、App設(shè)計(jì)、建站公司、外貿(mào)建站、用戶體驗(yàn)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)