当前位置 博文首页 > mataodehtml的博客:java学习之路————第三十七天

    mataodehtml的博客:java学习之路————第三十七天

    作者:[db:作者] 时间:2021-08-11 09:47

    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)

    ?

    cs