关于jQuery的语法及其注意事项

最新推荐文章于 2019-07-15 10:23:34 发布

原创最新推荐文章于 2019-07-15 10:23:34 发布 · 137 阅读

CC 4.0 BY-SA版权

本文介绍了jQuery的基础概念，包括其作为JavaScript库的作用，如何在项目中引入jQuery，以及使用jQuery进行DOM操作、事件处理和预加载的方法。通过实例演示了jQuery在网页元素选择、样式修改、事件绑定等方面的优势。

首先先说什么是jQuery，其实它的底层就是用JS封装好的方法；
而我们一开始的用法就是 ${""}，先说前面的$ ，这个其实就相当于jQuery的一个别名，大家也可以改用其他的符号，而改写的方法如下：
var a = jQuery.noConflict();
然后我们就可以这样使用，a(“div p”).hide();
接着就是{""}，大括号里面跟着的就是你想要写的标签，和JS获取标签名是一样的意思，document.getElementById等操作dom的语法，引号里面的写法就和CSS命名类是一样的了，id就写#，class类就写.，其他的用法也是一样的。

接下来我们要获取一个集合中的哪项时，在jQuery中，是用${“div p”}.eq(0)这样获取的，括号里的数字就是你想要获取的第几项；

还有就是jQuery的预加载，这个写法也有好几种，它主要就分页面加载之前执行和页面加载后执行；加载之前就这样一种：(function ( $) a l e r t (^{'} s t a r t^{'});) (j Q u e r y); 接下来就是加载后，$ (document).ready(function(){
alert(‘jquery ready’);
});
这种看起来一看就能懂，因为有ready这个单词，不过还有个更简单的，直接写个方法： $(f u n c t i o n () a l e r t (^{'} j q u e r y o n l o a d^{'});); 挺多人都说使用 j Q u e r y 很方便，因为里面都是封装好的方法，在这里举个例子就可以看出来，就是给一个对象连续调用各种不用的方法，可以这样的书写格式：$ (“div p”).show().siblings().hiden();
这句话的意思就是让这个p标签显示，和它同一级的都隐藏，这个相当于就是JS中的tab切换的意思，代码量真的很少，不过前提要记住这些API以及它们的用法，还好这些单词翻译起来和效果还是有联系的，而且这些API也有人将它们汇总在一起，专门编辑了一个文件，可以随时查找，jQuery1.11.0_20140330这个就是我用的那个，可以网上百度，下载来试试。

因为jQuery的底层就是JS，所以在代码上有很多共通之处，但是还很多需要注意的。
比方说JS的点击事件把，在jQuery中是这样的：${“div p”}.click(function(){ })，然后想要实现的效果就在大括号里写；
操作元素的样式：
$KaTeX parse error: Expected 'EOF', got '#' at position 29: \dots("background","#̲ccc") ，给p标签添加背景\dots$ (“div p”).css({ color: “red”, background: “blue” }); $(" d i v p ") . h t m l (" 添加你想要的文字 ") 。我们还常用到$ (“div p”).addClass(“select”);这个代码就是为元素增加名称为select的class，而这个class就是你之前在css里写好了的，相反的还有一个就是removeclass();与上面是相反的意思；

在${“div p”}后面还能跟很多方法，这个都需要大家去记，而我自己也是给初学者把，了解根本不多，像this指向和index()下标这些，在jQuery也一样能用，
最后就是用jQuery，也和JS一样的，需要从外部引入，一般是2中方法，一个是自己创建一个文件，自己上网百度，把代码复制过来，这里推荐大家使用1.3以下的，因为这个可以兼容低版本的一些浏览器；还有就是直接在路径中把地址复制上去，不过缺点就是在运行的时候必须保证有网，不然是访问不到的；自己也不太懂，也还是在不断了解中。