jquery基础知识总结
文章目录
- jquery基础知识总结
- 选择器：筛选具有相似特征的元素(标签)
- 基本选择器
- 层级选择器
- 属性选择器
- 过滤选择器
jquery基础知识总结
- 事件：获取id为b1的按钮事件：
$("#b1").click(function(){ alert(“abc”); }); - 入口函数
$(function () { });
window.onload 和 $(function) 区别：
- window.onload 只能定义一次,如果定义多次，后边的会将前边的覆盖掉
- $(function)可以定义多次。
- 样式控制：
$("#div1").css(“background-color”,“red”);
$("#div1").css(“backgroundColor”,“pink”);
选择器：筛选具有相似特征的元素(标签)
基本选择器
- 标签选择器：
$(“html标签名”)获得所有匹配标签名称的元素 - id选择器：
$("#id的属性值")获得与指定id属性值匹配的元素 - 类选择器：
$(".class的属性值")获得与指定的class属性值匹配的元素 - 并集选择器：
$(“选择器1,选择器2…”)获取多个选择器选中的所有元素
层级选择器
- 后代选择器：
$("A B ")选择A元素内部的所有B元素 - 子代选择器：
$(“A > B”)选择A元素内部的所有B子元素
属性选择器
- 属性名：
$(“A[属性名]”)包含指定属性的选择器 - 属性值：
$(“A[属性名=‘值’]”)包含指定属性等于指定值的选择器 - 符合属性选择器：
$(“A[属性名=‘值’][]…”)包含多个属性条件的选择器
过滤选择器
- 首元素选择器： :first 获得选择的元素中的第一个元素
- 尾元素选择器：:last 获得选择的元素中的最后一个元素
- 非元素选择器 :not(selector) 不包括指定内容的元素
- 偶数选择器： :even 偶数，从 下标0 开始计数
- 计数选择器： :odd 偶数，从 下标1 开始计数
- 等于索引选择器：:eq(index) 指定索引元素
- 大于索引选择器：:gt(index) 大于指定索引元素
- 小于索引选择器：:lt(index) 小于指定索引元素
- 标题索引选择器：:header 获得标题（h1~h6）元素(固定写法)