【JQ】【基础核心】【选择器】
1.代码风格
1.1$(function(){}) :匿名函数的执行
1.2$("#div1"):选取元素
1.3$("#div1").css('color','red'):添加内联样式
1.4$==JQurey :js封装好的一个对象
2.加载模式
2.1window.onload
全部资源加载完毕
只能执行一次
不能简写
2.2$(document).ready(function(){})
DOM结构加载完毕
可执行多次
可简写$(function(){})
3.对象互换
这里互换指JQurey对象与DOM对象id
选择器
1.最核心,选择器引擎
拓展:
容错功能,很多情况下动态DOM生成会有问题
选择器复杂度,选择器越复杂,字符串解析越慢
id | #div1 |
标签名 | div |
class | .div1 |
后代选择器 | header.div |
子代选择器 | header>div |
第一个 | :first |
最后一个 | :last |
所有偶数 | :even |
所有奇数 | :odd |
根据下标进行选择 | :eq(n) |
根据属性进行选择 | [title] |