jquery写法转成原生js写法？

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);

}

}

}

}

js代码改为jquery该怎么写

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;

});

});

jquery-1.11.1.min.js 和jquery-1.11.1.js 有什么区别？

压缩与未压缩的区别。

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的。

jquery 和js的关系

jQuery是一个js框架，封装了js的属性和方法。操作方法如下：

1、首先，要定义出页面对应的dom对象（这个不是必须的，可以在页面加载的时候，动态添加到页面尾部）。

2、定义对应的css样式，样式已添加了对ie6等低版本浏览器的支持。

3、初始化控件，当然第一步所说的动态添加，也在这步所示，代码包括初始化和关闭按钮控件。

4、初步做好了弹出框，添加自适应窗口的优化,包括各浏览器中获取宽高方法。

5、最后弹出框增加鼠标拖动的效果，鼠标变十字后就可拖动了，就完成了。

网页题目：js与jquery转换,js对象和jquery对象之间的转换
路径分享：http://ybzwz.com/article/phpdco.html