摘要:$(document).ready(function(){}) 页面加载完毕运行,windows.onload=function(){}基本选择器:$('#id')根据给定的id获取元素名$('.class')根据给定的class获取元素名$('element&
$(document).ready(function(){}) 页面加载完毕运行,windows.onload=function(){}
基本选择器:
$('#id')根据给定的id获取元素名
$('.class')根据给定的class获取元素名
$('element')根据标签获取元素名
$('*')匹配所有元素
$('#id,.class,*')多个获取获取元素名
$('.class').css('background','red') 改变该class背景颜色
jquery层级选择器
$('父级元素 > 自己元素') 给定的父级元素下匹配所有自己元素
$('祖先元素 后代元素') 给定的祖先元素下匹配所有后代元素
$('prev + next')(同级元素) 匹配紧跟在prev元素后面的next元素
$('prev ~ siblings') 匹配prev元素后面所有的siblings元素
jquery顺序选择器
1.顺序
$(':frist') 第一个选择器
$(':last') 最后一个选择器
2.比较
$(':gx(x)') 表示大于值x的元素
$(':lt(x)') 表示小于值x的元素
3.奇偶数
$(':odd') 奇数顺序
$(':even') 偶数顺序
4.非
$(':ont(selector)') 匹配不是selector的所有元素
jquery内容选择器
$(':contains(text)') 匹配包含给定文本(text)的元素
$(':has(selector)') 匹配包含特定选择器元素的元素
$(':empty') 匹配空元素(内部不含有任何子元素)
$(':parent') 匹配含有子元素或者文本的元素
jquery属性选择器
$('[元素名]') 匹配包含给定属性的元素
$('input[type=text]') 匹配input给定属性是某个特定值的元素
$('[attribute!=value]') 匹配所有不含有指定属性值得属性,或者是属性不等于特定值的元素
$('[attribute^=value]') 匹配给定属性是以某些值开始的元素
$('[attribute$=value]') 匹配给定属性是以某些值结尾的元素
$('[attribute*=value]') 匹配含有子元素或者文本的元素
$('[attrSel[1] attrSel[1] attrSel[1]') 符合选择器,需要同时满足多个条件是使用
jquery表单选择器
$(':enabled') 所有激活的input元素(可以使用的input元素)
$(':disabled') 所有禁用input的元素(不可以使用的input元素)
$(':selected') 所有被选取的input元素(针对selected元素)
$(':checked') 所有被选中的input元素
jquery改变/获取css属性
$('选择器').css('background','red') 改变单个
$('选择器').css({'background':'red','background':'red'}) 改变多个
$('选择器').css('background') 获取单个
jquery操作属性的方法
$('选择器').addClass('class名 class名') 该方法向被选中的元素添加单个类或者多个类(多个用空格隔开)
$('选择器').removeClass() 该方法向被选中的元素移除类或者移除多个类(多个用空格隔开)
$('选择器').attr() 该方法设置或者返回被选中的元素的元素值
$('选择器').removeAttr() 该方法从被选中的元素的移除属性
$('选择器').hasClass() 该方法检查被选中的元素的是否包含指定class
$('选择器').toggleClass() 该方法对被选中的元素进行添加删除类的切换操作
jquery设置内容
text() 该方法返回或者设置备选中的元素的文本内容
html() 该方法返回或者设置备选中的元素的内容(innerHtml,html)
val() 该方法返回或者设置的备选元素的值
jquery事件
ready() 文档加载完成
click() 点击事件
dblclick() 双击事件
blur() 当元素失去焦点
focus() 当元素获取焦点
change() 当元素(文本框)内容改变
mouseover() 当指针位于元素上发生
mouseenter() 当指针穿过于元素上时发生
mousemove() 当指针在指定元素中移动时,就会发生改事件
mouseeleave() 当指针离开元素时
mouseout() 当指针从元素上移开时
mousedow() 当鼠标移动到元素上方并按下鼠标按键时
mouseup() 当在元素上松开鼠标按键是
resize() 当调整当前浏览器窗口大小时
pageX() 属性是鼠标指针的位置,在x轴
pageY() 属性是鼠标指针的位置,在Y轴
focus() 当元素获取焦点
jquery事件切换
hover(over,out)
over:鼠标以上元素上要触发的函数
out:鼠标移出元素上要触发的一个函数
toggle() 如果元素是可见的就隐藏,取反
批改老师:天蓬老师批改时间:2019-01-21 09:06:48
老师总结:选择器总结的非常棒, 特别是表单选择器, 这是一个重点