jquery在元素前面插入東西可以使用before()函數(shù)。語法:$(selector).before(content),content 必需。規(guī)定要插入的內(nèi)容(可包含 HTML 標(biāo)簽)
成都創(chuàng)新互聯(lián)公司IDC提供業(yè)務(wù):成都服務(wù)器托管,成都服務(wù)器租用,成都服務(wù)器托管,重慶服務(wù)器租用等四川省內(nèi)主機(jī)托管與主機(jī)租用業(yè)務(wù);數(shù)據(jù)中心含:雙線機(jī)房,BGP機(jī)房,電信機(jī)房,移動機(jī)房,聯(lián)通機(jī)房。
延展閱讀:
jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫( 或JavaScript框架)。jQuery設(shè)計的宗旨是“write Less,Do More”,即倡導(dǎo)寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設(shè)計模式,優(yōu)化HTML文檔操作、事件處理、動畫設(shè)計和Ajax交互。
jQuery的模塊可以分為:入口模塊、底層支持模塊和功能模塊。其核心特性可以總結(jié)為:具有獨特的鏈?zhǔn)秸Z法和短小清晰的多功能接口;具有高效靈活的css選擇器進(jìn)行擴(kuò)展;擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件。jQuery兼容各種主流瀏覽器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
jquery往數(shù)組中加元素可以通過兩種方式:
1、通過數(shù)組的push方式添加元素
2、通過數(shù)組的下標(biāo)方式添加元素
示例
script
var
arr=[];
arr.push('a');//第一種方式,往數(shù)組末尾添加一個字符a
arr[arr.length]='a';//第二種方式,往數(shù)組末尾添加一個字符a
/script
可以用如下方式,
div class="a1"
div class="b"bbb/div
div class="c"ccc/div
/div
script type="text/javascript"
!--
$(function(){
$(".a1").after("div class='a2'/div");
$(".a1 .c").appendTo($(".a2"));
})
--
/script
這兩種方法都是jquery中的基本用法中的一種,
它還有很多方法在網(wǎng)上可以搜到j(luò)query的幫助文檔,有興趣的話可以看看,它里面包括很多,
其中ajax和一些ui框架在我們做web開發(fā)時經(jīng)常用到而且很方便
為jquery添加方法:
$.fn.my_alert?=?function(msg)?{
$(this).on('click',function(){
alert(msg);
})
}
div?class="btns"
button點我彈窗/button
/div
script
$('.btns?button').my_alert('Alert')
/script
使用? $.fn.[方法名]??梢蚤_發(fā)可復(fù)用的插件和組件
有兩種方法,如下:
1:在線引入,在head標(biāo)簽中加入下列代碼
head
script src="libs.baidu.com/jquery/2.0.0/jquery.js"/script,引號前面加上http://。引號里面是jQuery的網(wǎng)上存放地址,也可以是其他存放地址
/script
/head
2:本地引入,這種方法要求本地有jquery.js,下載到自己的電腦里
head
script src="jquery.js"/script src里寫自己的jQuery存放地址
/script
/head
添加刪除是一項基本功能,下面就來看一下jquery怎么在圖片上添加刪除按鈕。
設(shè)備:聯(lián)想電腦
系統(tǒng):xp
軟件:jQuery2019
1、首先寫一個HTML架構(gòu),如圖所示代碼。
2、新建一個div,div中包裹著一個img標(biāo)簽,視為圖片。
3、再次書寫一個div,之后會賦予點擊事件。
4、然后使用onclick函數(shù)進(jìn)行點擊時間的綁定,如圖所示。
5、引入jquery.js,之后使用其中的函數(shù)。
6、最后編寫addButton方法,這樣一切就完成了。