美文网首页
jQuery的基本使用

jQuery的基本使用

作者: 策_54d3 | 来源:发表于2018-08-30 10:22 被阅读0次

    1. js的新选择器

    document.querySelector()      查找单个

    document.querySelectorAll()  查找多个

    1. jQuery的使用

    页面中想要用到jQuery的动态设置,首先要在 html文件的内部 引入 js的文件,jQu的使用时,要用到它的 库,用一个script标签引入就可以使用了

    1、http://jquery.com/ 官方网站

    2、https://code.jquery.com/ 版本下载

    jquery加载

    将获取元素的语句写到页面头部,会因为元素还没有加载而出错,jquery提供了ready方法解决这个问题,它的速度比原生的 window.onload 更快。

    可以简写为:

    jquery选择器

    jquery用法思想一 

    选择某个网页元素,然后对它进行某种操作

    jquery选择器 

    jquery选择器可以快速地选择元素,选择规则和css样式相同,使用length属性判断是否选择成功。

    对选择集进行修饰过滤(类似CSS伪类)


    对选择集进行函数过滤


    选择集转移


    jquery样式操作

    jquery用法思想二 

    同一个函数完成取值和赋值

    操作行间样式


    特别注意 

    选择器获取的多个元素,获取信息获取的是第一个,比如:$("div").css("width"),获取的是第一个div的width。

    操作样式类名


    jquery属性操作

    1、html() 取出或设置html内容

    2、text() 取出或设置text内容

    3、attr() 取出或设置某个属性的值

    绑定click事件

    给元素绑定click事件,可以用如下方法:

    jquery特殊效果

    jquery链式调用

    jquery对象的方法会在执行完后返回这个jquery对象,所有jquery对象的方法可以连起来写:

    相关文章

      网友评论

          本文标题:jQuery的基本使用

          本文链接:https://www.haomeiwen.com/subject/zutcwftx.html