jQuery基础教程学习 (一)

最新推荐文章于 2024-08-09 02:16:38 发布

schwarzeni

最新推荐文章于 2024-08-09 02:16:38 发布

阅读量659

点赞数

分类专栏： javascript jquery 文章标签： jquery

本文链接：https://blog.csdn.net/nzyalj/article/details/53485242

版权

javascript 同时被 2 个专栏收录

30 篇文章 0 订阅

订阅专栏

jquery

3 篇文章 0 订阅

订阅专栏

2016.12.4 - 2016.12.5

在开始一切之前,记住引入jquery的位置

    <head>
        ....
    </head>
    <body>
        <script src="jquery.js"></script>
        <script src="yourJS.js"></script>
    </body>

如果两者的位置放反的话,在”yourJS.js”里无法使用jquery中任何操作,比如:

    $(document).ready();
    //error, '$' is not defined

第一章 Jquery入门

$() 选择文档的一部分

    $('div.CLASS').addClass('Another_Class')
    //找到所有带有"CLASS"类的<div>元素
    //添加类Another_Class
    //另: removeClass 移去类
    //涉及隐式迭代的概念,就是代码中没有循环结构而实现循环遍历

$(document).ready(function(){})

预定在DOM加载完毕后调用某个函数,而不必等页面中的图像加载完毕

addClass()神坑

It’s important to note that this method does not replace a class. It simply adds the class, appending(附上) it to any which may already be assigned to the elements
来自官方文档

也就是说,就拿上面的例子说明,如果div原来的类”CLASS”存在一个属性,而添加的新类”Another_Class”中也存在这个属性,那么后者无效

目前根据我已知的知识,解决方案是,先 removeClass,把旧的去掉, 再 addClass,附上新的,注意把不需要更改的css属性添加到新类中

第二章选择元素

$()

函数,接受CSS选择符作为参数,充当一个工厂,返回包含页面中对应元素的jQuery对象

`$`符在JavaScript库中的冲突

在jQuery中,美元符号 $只不过标识符 jQuery的“别名”

可以在我们自定义的jQuery代码中,通过将每个 $的实例替换成
jQuery 来避免这种冲突

– 未完待续–