首页 > web前端 > js教程 > 正文

js和jq的对比实例

小云云
发布: 2018-03-26 16:26:11
原创
1564 人浏览过

本文主要和大家分享js和jq的对比实例 ,主要以代码的形式和大家分享,希望能帮助到大家。

1.遍历 / 事件

//  js
var liList = document.querySelector('ul').querySelectorAll('li');
for(var i = 0; i < liList.length; i++){
    liList[i].onclick = function () {

    }
}
// jq
$(&#39;.optionUl li&#39;).each(function () {
    $(this).click(function () {
        
    });
})
登录后复制

2.获取自定义属性

// js
var id = document.querySelector(&#39;.demo&#39;).dataset.id;

// jq
var id = $(&#39;.demo&#39;).data(&#39;id&#39;);
登录后复制

3.设置css属性

//jsdocument.querySelector(&#39;.demo&#39;).style.color = "red";//jq$(&#39;.demo&#39;).css("display")
登录后复制

4.获取src

//jq var it = $(&#39;.captcha img&#39;).attr("src"); var it = $(&#39;.captcha img&#39;)[0].src;
登录后复制

5.改变className

//jsdocument.querySelector(&#39;.demo&#39;).className = "list";//jq$(&#39;.demo&#39;).css("display")
登录后复制

相关推荐:

js和jquery知识点汇总

JS和jQuery注册信息的验证功能实现代码

JS和JQUERY有什么区别

以上是js和jq的对比实例的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!