這篇文章主要講解了“jquery怎么刪除圖片邊框”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“jquery怎么刪除圖片邊框”吧!
創(chuàng)新互聯(lián)是一家網(wǎng)站設(shè)計(jì)公司,集創(chuàng)意、互聯(lián)網(wǎng)應(yīng)用、軟件技術(shù)為一體的創(chuàng)意網(wǎng)站建設(shè)服務(wù)商,主營產(chǎn)品:響應(yīng)式網(wǎng)站開發(fā)、高端網(wǎng)站設(shè)計(jì)、全網(wǎng)營銷推廣。我們專注企業(yè)品牌在網(wǎng)站中的整體樹立,網(wǎng)絡(luò)互動(dòng)的體驗(yàn),以及在手機(jī)等移動(dòng)端的優(yōu)質(zhì)呈現(xiàn)。成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、移動(dòng)互聯(lián)產(chǎn)品、網(wǎng)絡(luò)運(yùn)營、VI設(shè)計(jì)、云產(chǎn)品.運(yùn)維為核心業(yè)務(wù)。為用戶提供一站式解決方案,我們深知市場的競爭激烈,認(rèn)真對待每位客戶,為客戶提供賞析悅目的作品,網(wǎng)站的價(jià)值服務(wù)。
具體步驟如下:
1.首先,新建一個(gè)html項(xiàng)目,并在項(xiàng)目中引入jquery;
<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>
2.引入jquery后,在項(xiàng)目中使用img標(biāo)簽添加一張圖片;
<img src="images/1.jpg" />
3.圖片添加好后,在style樣式中為圖片添加border邊框;
<img src="images/1.jpg" style="border:2px solid red"/>
4.圖片邊框設(shè)置好后,添加一個(gè)button按鈕,并綁定onclick點(diǎn)擊事件,用于點(diǎn)擊刪除邊框;
<button omClick="set()"></button>
5.最后,按鈕添加好后,在點(diǎn)擊事件中通過標(biāo)簽名獲取圖片對象,在使用css()方法將border屬性設(shè)置為none,即可刪除邊框;
function set() { $(img).css('border','none'); }
感謝各位的閱讀,以上就是“jquery怎么刪除圖片邊框”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對jquery怎么刪除圖片邊框這一問題有了更深刻的體會(huì),具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關(guān)知識點(diǎn)的文章,歡迎關(guān)注!
分享標(biāo)題:jquery怎么刪除圖片邊框
URL地址:http://chinadenli.net/article4/ppseie.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供全網(wǎng)營銷推廣、網(wǎng)站營銷、營銷型網(wǎng)站建設(shè)、App設(shè)計(jì)、外貿(mào)建站、網(wǎng)站設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)