jquery源碼
❶ 如何正確閱讀jquery源碼和jquery插件源碼
1. jQuery 裡面有很多東西是出於兼容性,歷史遺留。
比如 .ready() 之類的函數,為什麼會很scroll 有關,那是為了兼容某些ie。這種代碼對於編程思想來說不僅沒用,而且是雜音,你要篩選出來就得了解這段代碼的變動,費心費力得不償失。
2. jQuery 裡面的代碼不一定是最優的,例如事件委託,每一次事件觸發都要調用選擇器,實際上是效率很低的。但是我又比較懶,沒有提交patch。
3. jQuery 實際上很容易寫出來一個 barebone alternative,在使用的過程中多想,多思考多總結就可以了。
4. jQuery 這類框架里真正有思維挑戰性的東西不多,一半以上是堆代碼而已,剩下的一點價值在於架構、抽象、擴展能力。
5. 我有一句話與所有的同行分享:工程師讓需求成為現實,優秀工程師化復雜為簡單,頂尖工程師變不可能為可能;架構師掌握現在,優秀架構師展望未來,頂尖架構師創造時代。
jQuery 的設計目的是,讓前端工程師的工作更簡單更輕松,但它並不適合所有的前端工程師,假如你的目標是成為優秀架構師、頂尖架構師的話,你在jQuery里也看不清未來。
❷ 急!簡單Javascript/js/jquery代碼實現,源碼如下
<!DOCTYPE html>
<html>
<head>
<script src="jquery-1.9.1.js">
</script>
<script>
$(document).ready(function(){
$("#zh").click(function(){
var ys1=$('#ys1').val();
var ys2=$('#ys2').val();
var htmlstr='';
$("input[name='cb']:checked").each(function(){
if(ys1!=""){
htmlstr+='<input type="text" value="顏色1:'+ys1+'-'+$(this).val()+'"><br/>';
}
if(ys2!=""){
htmlstr+='<input type="text" value="顏色2:'+ys2+'-'+$(this).val()+'"><br/>';
}
})
$("#cc").html(htmlstr);
});
});
</script>
</head>
<body>
顏色1<select name="st[]" id="ys1"> <option> <option value="1">y1 <option value="2">y2 <option value="3">y3</select><br>顏色2<select name="st[]" id="ys2"> <option> <option value="1">y1 <option value="2">y2 <option value="3">y3</select><br>尺碼: <br><input type="checkbox" name="cb" value="a">X1<input type="checkbox" name="cb" value="b">X2<input type="checkbox" name="cb" value="c">X3<input type="button" value="組合" onclick="" id="zh"><br><br>需求:如果顏色1選擇為1<br>如果顏色2選擇為2<br>尺碼選擇a和b<br>點擊【組合】按鈕後——創建4個input如下:value值分別為1-a、1-b、2-a、2-b
<div id="cc">
</div>
</body>
</html>
❸ jQuery 源代碼看不懂,怎麼辦。。有沒有解釋jQuery 源代碼的書籍
建議去找原碼看,一般網上下載下來都是經過壓縮的。
❹ jquery里怎麼加入html源代碼
1.$(".demo").html("<span></span>")
2.var $span=$("<span></span>");
$(".demo").append($span)
❺ 如何查看網頁jquery源代碼
右擊頁面,點擊「查看元素」或「查看源碼」就可以查案網頁的html
一般<script>juqery代碼</script>標簽包裹的就是寫在頁面上的jQuery代碼
另外還有寫在jQuery文件在頁面通過<script src="jquery文件地址"></script>這里的地址一般是相對地址,找到相應的地址打開文件就可以了
❻ jquery源碼是否嘗試去讀過
看了一些,具體沒看太多,裡面寫的確實很不錯,而且兼容性很好,為了保證方法命名不對使用構成影響,jquery將window當參數傳入到方法里去了,如果涉及到寫插件這點很有幫助。
❼ jQuery源碼中ajaxLocation,如下:
既然是catch,那麼try語句裡面出問題了,不會執行try語句。
ajaxLocation = document.createElement( "a" );這句主要是在document裡面創建了一個a標簽對象,(相當於這樣一個a標簽對象:<a></a>)
ajaxLocation.href = ""; 這里是給a標簽對象賦予屬性href,值為空。(相當於這樣:<a href=""></a>)。
ajaxLocation = ajaxLocation.href; 這句你是把一個空""值賦值給a標簽對象,最後ajaxLocation 為空值(等同於:ajaxLocation="";)
❽ 求哪位好人分享下妙味的jquery源碼分析視頻,要最新的,網上流傳的58集的那個就算了,都爛大街了
我這里沒有妙味的,不過可以去博客園搜 艾倫 Aaron ,他博客里有jq源碼的分析視頻,做的不錯,講解的也是2.0+的jq,不用給分了,畢竟並沒有這個視頻,同是為了學習進步而已...
❾ 完全理解jQuery源代碼,在前端行業算什麼水平
三氣周瑜,大戰馬超周瑜乘勢到南郡,與曹仁交戰,中曹操之計而重傷。諸葛亮坐收漁利,奪下南郡。不久又陸續攻佔荊襄諸郡。劉備終於有了自己的土地。周瑜又定下美人計,誘劉備過江,與孫權之妹孫尚香成親,以此為餌扣押劉備。趙雲受諸葛亮密技,一次次粉碎周瑜的計謀。次年劉備逃回荊州,周瑜追至,中諸葛亮之計,更為荊州士兵取笑,箭創復發。回柴桑後定下假途滅虢之計取荊州,再次為諸葛亮識破。回柴桑後性命垂危,高嘆「既生瑜,何生亮」而亡。諸葛亮又去弔孝,打破兩方之間的尷尬,並為劉備尋得副軍師龐統。[1]
❿ jquery代碼
大概看了一遍封裝一個腳本 獲取一些元素,當元素怎樣時增加一些定位和隱藏!
;(function(a){//封裝jq寫法
a.fn.extend({//定義a腳本
actual:function(b,l){//定義a.actual帶變數b,1
if(!this[b]){//如果不存在這個b
throw'$.actual=>ThejQuerymethod"'+b+'"youcalleddoesnotexist';
}//好像是拋出異常吧
varf={
absolute:false,clone:false,includeMargin:false
};//定義f
vari=a.extend(f,l);
vare=this.eq(0);varh,j;
if(i.clone===true){
h=function(){
varm="position:absolute!important;top:-1000!important;";
e=e.clone().attr("style",m).appendTo("body");};
j=function(){e.remove();
};
}else{
varg=[];
vard="";
varc;
h=function(){
c=e.parents().andSelf().filter(":hidden");
d+="visibility:hidden!important;display:block!important;";
if(i.absolute===true){
d+="position:absolute!important;";
}c.each(function(){
varm=a(this);
g.push(m.attr("style"));
m.attr("style",d);
});
};j=function(){
c.each(function(m){
varo=a(this);
varn=g[m];
if(n===undefined){
o.removeAttr("style");
}else{
o.attr("style",n);
}
});};}h();vark=/(outer)/g.test(b)?e[b](i.includeMargin):e[b]();j();returnk;}});})(jQuery);