1、實(shí)現(xiàn)點(diǎn)擊按鈕,復(fù)制文本框中的的內(nèi)容? 。

創(chuàng)新互聯(lián)建站主要從事網(wǎng)頁(yè)設(shè)計(jì)、PC網(wǎng)站建設(shè)(電腦版網(wǎng)站建設(shè))、wap網(wǎng)站建設(shè)(手機(jī)版網(wǎng)站建設(shè))、響應(yīng)式網(wǎng)站、程序開(kāi)發(fā)、網(wǎng)站優(yōu)化、微網(wǎng)站、小程序設(shè)計(jì)等,憑借多年來(lái)在互聯(lián)網(wǎng)的打拼,我們?cè)诨ヂ?lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了豐富的成都網(wǎng)站建設(shè)、成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、網(wǎng)絡(luò)營(yíng)銷經(jīng)驗(yàn),集策劃、開(kāi)發(fā)、設(shè)計(jì)、營(yíng)銷、管理等多方位專業(yè)化運(yùn)作于一體。
2、復(fù)制專題地址和 url 地址,傳給 QQ/MSN 上的好友。
3、直接復(fù)制 url。
4、點(diǎn)擊文本框時(shí),復(fù)制文本框里面的內(nèi)容。
5、復(fù)制文本框或者隱藏域中的內(nèi)容。
6、復(fù)制 span 標(biāo)記中的內(nèi)容。
1、新建一個(gè)html文件,命名為test.html,用于講解如何用jquery實(shí)現(xiàn)點(diǎn)擊按鈕文本框內(nèi)的文字加粗。
2、在test.html文件內(nèi),使用input標(biāo)簽創(chuàng)建一個(gè)文本框,用于文字的輸入。
3、在test.html文件內(nèi),設(shè)置input標(biāo)簽的id為testid,主要用于下面通過(guò)該id獲得input對(duì)象。
4、在test.html文件內(nèi),使用button標(biāo)簽創(chuàng)建一個(gè)按鈕,按鈕名稱為“加粗文字”。
5、在test.html文件中,給button按鈕綁定onclick點(diǎn)擊事件,當(dāng)按鈕被點(diǎn)擊時(shí),執(zhí)行addstrong()函數(shù)。
6、在js標(biāo)簽中,創(chuàng)建addstrong()函數(shù),在函數(shù)內(nèi),通過(guò)id(testid)獲得input對(duì)象,使用css()方法設(shè)置input對(duì)象內(nèi)文字的font-weight屬性值為bolder,從而實(shí)現(xiàn)文字的加粗。
7、在瀏覽器打開(kāi)test.html文件,點(diǎn)擊按鈕,查看實(shí)現(xiàn)的效果。
示例html
div?class="abc"?style="display:none"/div
input?type="button"?class="but"?/
最簡(jiǎn)單的方法:
script
$(document).ready(function(e)?{
$(".but").click(function(e)?{
$(".abc").toggle();
});
});
/script
toggle() 的作用就是當(dāng)對(duì)象是顯示的就隱藏,當(dāng)是隱藏的則顯示。
------
如果你除了顯示和隱藏之外還需要同時(shí)實(shí)現(xiàn)其他功能的話,可以這樣:
script
$(document).ready(function(e)?{
$(".but").click(function(e)?{
if(?$(".abc").hasClass("show")?){
//?執(zhí)行隱藏
$(".abc").hide().removeClass("show");
//?其他
}else{
//?顯示
$(".abc").show().addClass("show");
}
});
});
/script
這里通過(guò)自定義一個(gè) class : show 來(lái)判斷 div 是顯示或隱藏
hasClass() 是否存在某個(gè)class
hide() 隱藏對(duì)象
show() 顯示對(duì)象
removeClass() 移除一個(gè)class
addClass() 添加一個(gè)class
除此,還可以通過(guò)jquery設(shè)置這個(gè) div 的 css : display:none/block 來(lái)實(shí)現(xiàn)隱藏/顯示
PS:jquery如何刪除div里面的某個(gè)div
思路:首先獲取到需要?jiǎng)h除的對(duì)象,然后使用jQuery提供的 remove() 方法刪除被選元素及其子元素。
例如,對(duì)于如下的HTML結(jié)構(gòu):
div id="test"
div id="test1"/div
div class="test2"/div
div class="test2"/div
div/div
/div
1、刪除id為test1的div
首先使用id選擇器獲取元素,然后使用remove()函數(shù)刪除,相應(yīng)代碼為:
$("div#test1").remove();
2、刪除所有class為test2的元素
$("#test div.test2").remove(); ? // 或者 ?$("div").remove("#test .test2");
3、刪除最后一個(gè)div
雖然該div沒(méi)有id及class屬性,但是可以從其位置關(guān)系上獲取然后刪除之:
$("#test div:last").remove();
首先,就直接讓他 disabled 屬性賦值 true 就灰了。
然后在寫(xiě)一個(gè)方法,如:
function myfunction()
{
//這里寫(xiě)將按鈕恢復(fù)的代碼,就是將按鈕的 disabled 屬性賦值為 false
}
最后在執(zhí)行 setTimeout ,如下:
setTimeout('myfunction()',1000);
后面的 1000就是 1秒。就是說(shuō) myfunction() 方法會(huì)在 1秒后被執(zhí)行。
你用的是jquery可以手動(dòng)調(diào)用jquery的觸發(fā)事件的方法。例如以下例子。
!DOCTYPE?html
html?lang="en"
head
meta?charset="UTF-8"
titleTitle/title
/head
body
button?id="aaa"aaa/button
button?id="bbb"bbb/button
/body
script?src="jquery.js"/script
script
$(function?()?{
//給aaa增加事件監(jiān)聽(tīng)
$('#aaa').on('click',function?()?{
console.log('aaa?clicked');
//?觸發(fā)bbb點(diǎn)擊事件
//?第一種方案:調(diào)用bbb點(diǎn)擊事件的執(zhí)行方法,但此時(shí)獲取不到bbb的點(diǎn)擊event對(duì)象
bbbClickHandler();
//第二種方案:模擬觸發(fā)點(diǎn)擊bbb的過(guò)程
$('#bbb').trigger('click');
});
//?給bbb增加點(diǎn)擊事件
function?bbbClickHandler(){
console.log(arguments);
console.log('bbb?clicked');
}
$('#bbb').on('click',bbbClickHandler);
})
/script
/html
標(biāo)題名稱:jquery讓按鈕點(diǎn)擊,jquery按鈕點(diǎn)擊變色,再點(diǎn)擊回色
URL分享:http://chinadenli.net/article39/dsgdcsh.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供軟件開(kāi)發(fā)、電子商務(wù)、網(wǎng)站收錄、品牌網(wǎng)站建設(shè)、微信公眾號(hào)、網(wǎng)站維護(hù)
聲明:本網(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í)需注明來(lái)源: 創(chuàng)新互聯(lián)