前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Jquery(1)

Jquery(1)

作者头像
城市中的游牧民族
发布2018-05-22 16:32:38
4690
发布2018-05-22 16:32:38
举报
文章被收录于专栏:前端真相
代码语言:javascript
复制
1. 需要注意 jQuery 分 2 个系列版本 1.x 与 2.x,主要的区别在于 2.x 不再兼容 IE6、7、8浏览器,这样做的目的是为了兼容移动端开发。由于减少了一些代码,使得该版本比 jQuery 1.x 更小、更快。
2. $(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用。

    * $(document).ready:需要jQuery库,可以有多个,不需要相关图片等资源一起加载,简写:$(function() { // let's get up in heeya })
    * window.onload = function(){}:不能有多个,需要相关图片等资源一起加载
3. jQuery是一个类数组对象,而DOM对象就是一个单独的DOM元素。
4. jQuery插件

    * linkButton

        * 是一个可以把<a href="#">变成button的插件 
        * button的效果看:http://www.oschina.net/p/linkbutton-jquery-plugin?from=rss 
5. 1.x解决兼容性,2.x舍弃IE,3.x模块化。
6. $("#target1").css("color", "red");

    *     $("#target1").prop("disabled", true);
    *     $("#target4").remove();
    *     $("#target2").appendTo("#right-well");
    *     $("#target5").clone().appendTo("#left-well");
    *     $("#target1").parent().css("background-color", "red");
    *     $("#right-well").children().css("color", "orange");
    *     $("#left-well").children().css("color", "green");
    *     $(".target:nth-child(2)").addClass("animated bounce");//所有第二个子元素
    *     $(".target:even").addClass("animated   shake" ) ; //even奇数
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018年05月05日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档