扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
jQuery是一个js框架,封装了js的属性和方法。操作方法如下:
专业领域包括成都做网站、网站制作、商城网站定制开发、微信营销、系统平台开发, 与其他网站设计及系统开发公司不同,创新互联的整合解决方案结合了帮做网络品牌建设经验和互联网整合营销的理念,并将策略和执行紧密结合,为客户提供全网互联网整合方案。
1、首先,要定义出页面对应的dom对象(这个不是必须的,可以在页面加载的时候,动态添加到页面尾部)。
2、定义对应的css样式,样式已添加了对ie6等低版本浏览器的支持。
3、初始化控件,当然第一步所说的动态添加,也在这步所示,代码包括初始化和关闭按钮控件。
4、初步做好了弹出框,添加自适应窗口的优化,包括各浏览器中获取宽高方法。
5、最后弹出框增加鼠标拖动的效果,鼠标变十字后就可拖动了,就完成了。
1、查找(创建)jQuery对象:$("selector");
2、调用jQuery对象的方法完成我们需要完成的工作:$("selector").doOurWork();好了,jQuery就是以这种可以说是最简单的编码逻辑来改变javascript编码方式的。这两个步骤是jQuery的编码逻辑核心!
要实现这种简洁编码方式,创建jQuery对象这一环节至关重要。因此,jQuery的dom元素查找能力相当强悍。此外,jQuery对象的方法肯定是有限的,有限的方法满足不了日益增长各有所需的要求,所以,必须提供jQuery对象方法的扩展能力。
强悍的dom元素查找能力,以及随心所欲的方法扩展,这两点正是jQuery的核心所在!来一个简单的示例,来说明jQuery是如何工作的:
!DOCTYPEhtmlPUBLIC”-//W3C//DTDXHTML1.0
Transitional//EN”””baidu
$(function(){
$(“a“).click(function(e){//1)查找$(”a”);2)jQuery对象事件click;3)jQuery对象方法hide$(this).hide(“slow“);
returnfalse;
});
});
window.onload = function(){
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);
}
}
}
}
压缩与未压缩的区别。
jquery-1.11.1.min.js中的JS代码是已经压缩过的文件代码
而jquery-1.11.1.js是没有经过压缩的。
在开发过程中可以用jquery-1.11.1.js,方便调试。
两者之间也是可以互相转换的,例如:jquery-1.11.1.js通过最小化(去掉不必要的空格和换行)是可以转为jquery-1.11.1.min.js的。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流