我自己寫過許多插件,應(yīng)該可以解答你的問題。
海西網(wǎng)站制作公司哪家好,找創(chuàng)新互聯(lián)!從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、自適應(yīng)網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作,到程序開發(fā),運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)從2013年成立到現(xiàn)在10年的時(shí)間,我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn),來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。
其實(shí),所謂的方法,屬性,事件,都是你自己總結(jié)出來的。對(duì)于純正的JS和JQuary來說,這3個(gè)都是一種東西。我們常常用了簡(jiǎn)便寫法,因此樓主才覺得這3者不同,其實(shí)這些統(tǒng)統(tǒng)都是變量。
只不過,如果變量是個(gè)參數(shù),就是:
var temp = "怪蛋";
如果參數(shù)是個(gè)數(shù)組,那么就是:
var temp = {title:'newTab'};
而我們常見的函數(shù),都會(huì)寫成getVal(a,b,c){}其實(shí)寫的更符合JS原生態(tài)的,是
var getVal = function(a,b,c){} 從這里看出,我們所謂的函數(shù),其實(shí)和變量是一種東西。
因此所謂的$('#id').Tabs({onSelect:functuon(){}});這類情況,等于傳入的是一個(gè)叫onSelect的變量,而這個(gè)變量剛好是一個(gè)函數(shù)類型而已。事實(shí)上這個(gè)onSelect原本并不存在,是你后來的插件里去調(diào)用了而已。你通過英文意思覺得這是“被選中”的意思,其實(shí)在這里,僅僅是一個(gè)名字而已。只有插件內(nèi)部寫到$(this).on("click",function(){});才真正調(diào)取到JS原本的event的click事件。而我們插件中常見的onSelect、onClick、onSuccess都是寫插件的人按照自己的喜好和大家喜歡的名字而命名的。
你的代碼是沒有問題的,可能出現(xiàn)不對(duì)的原因有兩個(gè),
一個(gè)是沒有加jquery庫
另外一個(gè)就是你a元素里面有網(wǎng)址點(diǎn)擊以后就跳轉(zhuǎn)了
一下是已經(jīng)測(cè)試好的代碼
ul?class="tab?tab_y1"
a?href="#"li廣西北海/li/a?
a?href="#"li潮汕廈門/li/a?
/ul
script?src=""/script
script
$(function(){
?$('ul.tab?a?li').click(function(){
$(this).addClass('on');
?})
})
/script
按你的要求,寫成這樣:
$("#boys").append(leftCity+rightContent+bottomContent).find("#rightContent").append(rightContentPosition+rightContentTime);
兩種寫法是一模一樣的。。。
原理是jQuery占用了$符號(hào)將他作為window.jQuery的一個(gè)引用,所以你一般使用中,$變量就指向了jQuery。
而$是很多庫作為自己函數(shù)或者變量名(雖然現(xiàn)在因?yàn)閖Query太流行了,大部分庫已經(jīng)不敢作死跟jQuery搶$了),所以jQuery有一個(gè)防沖突機(jī)制,使用jQuery.noConflict()方法,可以解除jQuery對(duì)$占用,這時(shí)候,jQuery就不能使用$()方法來作為選擇器方法了,必須用jQuery()。
此外,如果你用1.7+版的jQuery,建議你使用on方法來綁定click
$("#id").on('click',function()?{
//?code
});
click方法其實(shí)是他的快速別名,但用on更靈活,建議你多用on,養(yǎng)成習(xí)慣
幾種書寫格式
//1、原始????
$(document).ready(function(){????
document.write("test1",?"br/");????
});????
//2、縮寫????
$(function(){????
document.write("test3",?"br/");????
});????
//3、意義為在DOM加載完畢后執(zhí)行了ready()方法????
jQuery(function(){????
document.write("test4",?"br/");????
});????
//等價(jià)于????
jQuery(document).ready(function(){?????
document.write("test5",?"br/");????
});?????
$(document).ready(function(){????
(function(){?????
document.write("aaa",?"br/");????
})(jQuery);????
//立即執(zhí)行函數(shù);相當(dāng)于先申明一個(gè)函數(shù),聲明完后直接調(diào)用;????
(function(){????
document.write("bbb",?"br/");????
})();????
(function(str){????
document.write(str,?"br/");????
})("output");????
//相當(dāng)于:????
function?OutPutFun(str){????
document.write(str,?"br/");????
};????
OutPutFun("output");????
});
jQuery(function(){})、jQuery().ready(function(){})
綁定點(diǎn)擊事件: jQuery('#temp').click(function() {});
篩選:jQuery('#temp [type="checkbox"]').prop('disabled',false); 這句話的作用就是將id為temp的對(duì)象下所有類型是復(fù)選框的子對(duì)象的禁用給解用。
其實(shí)jQuery確實(shí)很強(qiáng)大,有時(shí)間的話,你可以看看jQuery的幫助文檔。