jQuery的 hide() 和 show() 方法分別用來隱藏和顯示 HTML 元素,而 toggle() 方法則可以切換 hide() 和 show() 方法,也就是顯示被隱藏的元素,并隱藏已顯示的元素。
專注于為中小企業(yè)提供網(wǎng)站設(shè)計(jì)制作、網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)都勻免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動(dòng)了上1000家企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
$("select").hide(); // 隱藏下拉框
$("select").show(); // 顯示下拉框
$("select").toggle(); // 如果下拉框是顯示的則隱藏之,反之亦然
示例代碼如下
創(chuàng)建Html元素
div class="box"
span點(diǎn)擊按鈕可以顯示或隱藏下拉框:/spanbr
div class="content"
select name="test"
option value="0"請(qǐng)選擇一個(gè)項(xiàng)目/option
option value="1"我不選/option
option value="2"選就選吧/option
/select
/div
input type="button" value="顯示"
/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;}
select{width:150px;height:30px;border:1px solid #6699FF;}
input[type='button']{height:30px;margin:10px;padding:5px 10px;}
編寫jquery代碼
$(function(){
$("select").hide(); // 默認(rèn)隱藏下拉框
$(":button").click(function() {
$("select").toggle(); // 已經(jīng)顯示則隱藏,隱藏了則顯示
$(this).val($(this).val()=="顯示"?"隱藏":"顯示");
})
})
觀察效果
初始狀態(tài),select默認(rèn)是被隱藏的
點(diǎn)擊顯示按鈕則出現(xiàn)select,同時(shí)按鈕的說明文字變?yōu)椤半[藏”
點(diǎn)擊“隱藏”,select消失,回到初始狀態(tài)
jquery去掉數(shù)字背后的小數(shù)點(diǎn)可以參考下面的幾種解決方法:
1、丟棄小數(shù)部分,保留整數(shù)部分
parseInt()
2、向上取整,有小數(shù)就整數(shù)部分加1
Math.ceil()
3、四舍五入
Math.round()
4、向下取整
Math.floor()
擴(kuò)展資料:
parseInt( ) 的定義:
parseInt() 函數(shù)可解析一個(gè)字符串,并返回一個(gè)整數(shù)。
parseInt( ) 的語法:
parseInt ( String s , [ int radix ] )
其中,
參數(shù) String s ,必需,表示要被解析的字符串。
int radix ,可選,表示要解析的數(shù)字的基數(shù)。
參考資料來源:百度百科-parseInt
1、刪除元素和內(nèi)容,可以通過jquery的remove()和empty()方法,remove()刪除選擇的元素和子元素,empty()只刪除選中元素的子元素。
2、新建一個(gè)html頁面,引入jquery.js,頁面body里面添加一個(gè)div盒子,div盒子里面添加兩段話,和一個(gè)刪除div元素的按鈕,js中調(diào)用$(“#div1”).remove()方法刪除元素。
3、在瀏覽器中打開html頁面之后,可以看到div盒子和兩段話,點(diǎn)擊移除div元素按鈕。
4、點(diǎn)擊移除div元素按鈕之后,可以看到div元素和子元素p都被刪除掉了。
5、將$(“#div1”).remove()方法注釋掉,使用$(“#div1”).empty()方法,刪除選擇元素的子元素。
6、可以看到點(diǎn)擊清空div元素按鈕,將div元素的p子元素刪除了。
1、使用replace(oldchar,newchar)替換
var?str='asdfghjkl';//聲明變量
str.replace('d','');將a字符替換為空字符
1、如果是js/jQuery綁定的事件,使用unbind()方法去掉事件綁定
2、如果hover效果是css控制,使用removeClass()去掉該標(biāo)簽的class
$("#id").removeClass("hover");
當(dāng)前名稱:jquery去掉,jquery去掉class屬性
標(biāo)題來源:http://aaarwkj.com/article20/dssgojo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供商城網(wǎng)站、虛擬主機(jī)、動(dòng)態(tài)網(wǎng)站、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站內(nèi)鏈、關(guān)鍵詞優(yōu)化
聲明:本網(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)
移動(dòng)網(wǎng)站建設(shè)知識(shí)