給右邊div加一個id=“div1”屬性.$("#div1").empty(); 這樣就清空右邊的內(nèi)容了,然后再去顯示你自己的內(nèi)容就可以了。
創(chuàng)新互聯(lián)長期為上1000+客戶提供的網(wǎng)站建設(shè)服務(wù),團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年,關(guān)注不同地域、不同群體,并針對不同對象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺,與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為綏芬河企業(yè)提供專業(yè)的做網(wǎng)站、網(wǎng)站建設(shè),綏芬河網(wǎng)站改版等技術(shù)服務(wù)。擁有10多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。
jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫( 或JavaScript框架)。
jQuery設(shè)計(jì)的宗旨是“write Less,Do More”,即倡導(dǎo)寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設(shè)計(jì)模式,優(yōu)化HTML文檔操作、事件處理、動畫設(shè)計(jì)和Ajax交互。
2009年1月,jQuery 1.3版發(fā)布,它使用了全新的選擇符引擎Sizzle,在各個瀏覽器下全面超越其他同類型JavaScript框架的查詢速度,程序庫的性能也因此有了極大提升。
這一版本的第2個變化就是提供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)容,一般可使用以下兩個 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)行動態(tài)添加的,需要先清除div內(nèi)容)
jquery的 val() 方法可以設(shè)置或返回表單字段的值,所以清空文本框只要將其value值設(shè)為空即可。下面代碼給出文本框獲得焦點(diǎn)即清空文本的效果
$("input:text").focus(function()?{?//?獲得焦點(diǎn)事件
$(this).val("");
});
進(jìn)一步,文本框獲得焦點(diǎn)后清空內(nèi)容是為了便于輸入,但有時不想輸入,那么失去焦點(diǎn)時還得恢復(fù)到原來的內(nèi)容,為此還要如下代碼
$("input:text").blur(function()?{??//?失去焦點(diǎn)事件
$(this).val()!=""?||?$(this).val(text);???//?如果文本框?yàn)榭?,那就設(shè)置之前定義的text變量值
});
下面的例子給出了包含以上內(nèi)容的綜合用法:
創(chuàng)建Html元素
div?class="box"
span單擊文本框清空原有內(nèi)容,離開文本框時若未填寫內(nèi)容則設(shè)置為之前的內(nèi)容:/spanbr
div?class="content"
input?type="text"?name="name"?value="John"/
/div
/div
設(shè)置css樣式
div.box{width:300px;padding:20px;margin:20px;border:4px?dashed?#ccc;}
div.box?span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px?0;padding:20px;border:2px?solid?#ff6666;}
input[type='text']{width:200px;height:35px;padding:5px?10px;margin:5px?0;border:1px?solid?#ff9966;}
編寫jquery代碼
$(function(){
var?text;??//?全局變量用于保存文本框的內(nèi)容
$("input:text").focus(function()?{
text?=?$(this).val();
$(this).val("");
});
$("input:text").blur(function()?{
$(this).val()!=""?||?$(this).val(text);
});
})
觀察效果
初始狀態(tài)
點(diǎn)擊文本框后效果
沒有修改內(nèi)容即離開文本框則恢復(fù)原始文本
如果修改了內(nèi)容,則顯示修改的值
可以使用Jquery中的siblings()和remove()方法實(shí)現(xiàn)。實(shí)現(xiàn)原理主要是使用siblings獲取被點(diǎn)擊元素之外的同級元素,然后使用remove()刪除。完整的代碼如下:
運(yùn)行的效果如下:
例如當(dāng)點(diǎn)擊DIV內(nèi)容為2的框時,其他的DIV被清除,內(nèi)容為2的框移到最頂,點(diǎn)擊后的效果圖如下:
擴(kuò)展資料:
如果想對移到最頂?shù)目蜻M(jìn)行一定的突出顯示處理,比如給個背景顏色,字體加大,可以利用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)行的效果如下:
用JQ的attr屬性就可以清空input的內(nèi)容
input?type="text"?value="TEST"/
script?src=""?type="text/javascript"/script
script
$(function()?{
$("input").attr("value","");
});
/script
Jquery是一個優(yōu)秀的Javascript庫,還兼容各種瀏覽器。jQuery使用戶能更方便地處理HTML、events、實(shí)現(xiàn)動畫效果,并且方便地為網(wǎng)站提供AJAX交互。
直接jq設(shè)置那個文本框的val為空試試,或者ke有自己的方法ke.html(id,
val)設(shè)置編輯器的html內(nèi)容。參數(shù):id:string,編輯器的idval:
string,html字符串返回值:無注:
3.5版本開始支持,舊版本可以使用ke.util.setfullhtml(id,
val)。設(shè)置內(nèi)容為空就行啊