美文网首页
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