window.onload = function(){
創(chuàng)新互聯(lián)專(zhuān)注于景縣企業(yè)網(wǎng)站建設(shè),自適應(yīng)網(wǎng)站建設(shè),商城網(wǎng)站定制開(kāi)發(fā)。景縣網(wǎng)站建設(shè)公司,為景縣等地區(qū)提供建站服務(wù)。全流程按需求定制網(wǎng)站,專(zhuān)業(yè)設(shè)計(jì),全程項(xiàng)目跟蹤,創(chuàng)新互聯(lián)專(zhuān)業(yè)和態(tài)度為您提供的服務(wù)
function tree(data){
var str = "ul class=l_tree";
for(var i=0;idata.length;i++){
str+='li class="l_tree_branch" span/span'+data[i].name;
if(data[i].child){
str+=tree(data[i].child);
}
str+="/li";
}
str += "/ul";
return str;
};
document.querySelector(".lists").innerHTML = tree(data);
var a = document.querySelectorAll(".lists ul li");
for(var i=0;i a.length; i++){
a[i].onclick = function(e){
e.stopPropagation();
console.log(e.target.innerText);
var thatcss = e.target.querySelector("ul").style.visibility;
if(thatcss == "hidden"){
e.target.querySelector("ul").style.display = "none";
e.target.querySelector("span").style.background = url(右箭頭.png);
}else{
e.target.querySelector("ul").style.display = "block";
e.target.querySelector("span").style.background = url(下箭頭.png);
}
}
}
}
1、查找(創(chuàng)建)jQuery對(duì)象:$("selector");
2、調(diào)用jQuery對(duì)象的方法完成我們需要完成的工作:$("selector").doOurWork();好了,jQuery就是以這種可以說(shuō)是最簡(jiǎn)單的編碼邏輯來(lái)改變javascript編碼方式的。這兩個(gè)步驟是jQuery的編碼邏輯核心!
要實(shí)現(xiàn)這種簡(jiǎn)潔編碼方式,創(chuàng)建jQuery對(duì)象這一環(huán)節(jié)至關(guān)重要。因此,jQuery的dom元素查找能力相當(dāng)強(qiáng)悍。此外,jQuery對(duì)象的方法肯定是有限的,有限的方法滿足不了日益增長(zhǎng)各有所需的要求,所以,必須提供jQuery對(duì)象方法的擴(kuò)展能力。
強(qiáng)悍的dom元素查找能力,以及隨心所欲的方法擴(kuò)展,這兩點(diǎn)正是jQuery的核心所在!來(lái)一個(gè)簡(jiǎn)單的示例,來(lái)說(shuō)明jQuery是如何工作的:
!DOCTYPEhtmlPUBLIC”-//W3C//DTDXHTML1.0
Transitional//EN”””baidu
$(function(){
$(“a“).click(function(e){//1)查找$(”a”);2)jQuery對(duì)象事件click;3)jQuery對(duì)象方法hide$(this).hide(“slow“);
returnfalse;
});
});
壓縮與未壓縮的區(qū)別。
jquery-1.11.1.min.js中的JS代碼是已經(jīng)壓縮過(guò)的文件代碼
而jquery-1.11.1.js是沒(méi)有經(jīng)過(guò)壓縮的。
在開(kāi)發(fā)過(guò)程中可以用jquery-1.11.1.js,方便調(diào)試。
兩者之間也是可以互相轉(zhuǎn)換的,例如:jquery-1.11.1.js通過(guò)最小化(去掉不必要的空格和換行)是可以轉(zhuǎn)為jquery-1.11.1.min.js的。
jQuery是一個(gè)js框架,封裝了js的屬性和方法。操作方法如下:
1、首先,要定義出頁(yè)面對(duì)應(yīng)的dom對(duì)象(這個(gè)不是必須的,可以在頁(yè)面加載的時(shí)候,動(dòng)態(tài)添加到頁(yè)面尾部)。
2、定義對(duì)應(yīng)的css樣式,樣式已添加了對(duì)ie6等低版本瀏覽器的支持。
3、初始化控件,當(dāng)然第一步所說(shuō)的動(dòng)態(tài)添加,也在這步所示,代碼包括初始化和關(guān)閉按鈕控件。
4、初步做好了彈出框,添加自適應(yīng)窗口的優(yōu)化,包括各瀏覽器中獲取寬高方法。
5、最后彈出框增加鼠標(biāo)拖動(dòng)的效果,鼠標(biāo)變十字后就可拖動(dòng)了,就完成了。
網(wǎng)頁(yè)標(biāo)題:js與jquery轉(zhuǎn)換,js對(duì)象和jquery對(duì)象之間的轉(zhuǎn)換
URL標(biāo)題:http://m.rwnh.cn/article20/phpdco.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供ChatGPT、建站公司、自適應(yīng)網(wǎng)站、面包屑導(dǎo)航、網(wǎng)站策劃、域名注冊(cè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(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í)需注明來(lái)源: 創(chuàng)新互聯(lián)