java学习之路————第三十七天

1.什么是jQuery

         jQuery是一种封装好的js框架,使用这个框架进行脚本开发,可以避免浏览器对js的兼容性问题,浏览器对js的兼容性已经在设计jQuery的时候考虑到了,使用js会存在浏览器兼容问题使用jQuery就不存在这个问题。

         jQuery的本质还是js

         jQuery的口号是:写得少,做得多

 

         整个jQuery文件其实就是一个大的函数,这个函数在调用过之后,返回值还是jQuery对象,所有我们的jQuery编程支持链式编程语法。

         jQuery.方法1().方法2().方法3()…..

 

2.如何安装jQuery

         jQuery其实就是一个js文件,我们如果想使用它,一定要在写jQuery代码之前的script的标签中引入我们的jQuery文件,你可以在网上将jQuery文件下载到本地,也可以直接引入外网给我们提供的CDN得方式来进行引入,推荐使用CDN的方法,使用CDN的方法在我们浏览其他网站的使用如果浏览过对应引入相同的CDN的站点,浏览器会事先将jQuery文件加载到浏览器中,可以提高我们页面的加载速度。

 

推荐使用百度的CDN地址。

CDN就是一个url地址,人家将这些常用的工具文件,存放在他们自己的服务器上面,给我们提供访问的方法。

 

3.jQuery的版本

         jQuery发展至今,目前存在三个版本,这三个版本都是并行开发的。

 

1.x(推荐)

兼容所有的浏览器,所以js文件相对2和3大一点,在现在这样的网络带宽下,没什么影响。

2.x

                  舍弃了IE678浏览器的兼容

3.x

 

4.体验jQuery

 

5.script标签编写的位置

         我们一般将script标签建议写在</body>后面

 

         网页在加载的时候,是从上往下加载的

         如果我们将script标签下写在上面,那个时候如果在script中要获取HTML元素将会获取不到,因为加载带这个js的时候,页面还没有加载完毕。

 

6.jQuery选择器

         选择器就是寻找元素的一种技术,jQuery的选择器和CSS的选择器基本上是一样的,所以学习jQuery的成本非常的低

 

7.js对象和jQuery对象的相互转换

         其实jQuery独享就是js对象的一个数组组成的(DOM数组)

 

         jQuery----->js

 

         js------------>jQuery

 

8.jQuery隔行换色

         $(function(){

              $("tr:gt(0):even").css("background-color","#AAAAA");

               $("tr:gt(0):odd").css("background-color","#EEEEEE");

           });

    :gt(index)  过滤出索引大于index的元素

    even   过滤出所有的偶数

    odd    过滤出所有的奇数

全选与全部选:

$("input").prop("checked",$(this).prop("checked");

获取所有的input属性的checked属性,将其设置为当前的checked;

prop()获取/设置元素的属性

prop(“属性名”) 获取该属性的值内容

prop(“属性名”,”属性值”) 设置该属性名的内容

 

$(this) 将当前的js对象变成jq对象

 

show(s):显示  s是时间

hide(s): 隐藏

toggle(s) :互换,自己判断

 

9.文档处理API:

内部插入:

    append(ontent|fn)

    appendTo(content)

    prepend(content|fn)

    prependTo(content)

外部插入:

    after(content|fn)

    before(content|fn)

    insertAfter(content)

    insertBefore(content)

 

猜你喜欢

转载自blog.csdn.net/mataodehtml/article/details/85064233