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对象的方法可以连起来写:
网友评论