jquery总结(一)
1.jQuery是Js函数库,$是jQuery的别名,原生Js可以和jQuery在一个页面共存,但无法混用属性和方法,原生对象可以使用$()转换为jQuery对象,jQuery对象可以通过->jQuery对象[]和jQuery对象.get()进行转换为原生对象。
2.jQuery使用$(document).ready(function{})等待DOM进行载入就绪后开始加载jQuery函数,简写方式$(function(){});在此区分与window.onload的区别:
1.$(document).ready(function{})仅仅等待加载完DOM文档,而window.onload则会在加载完文本,图片,音频等后进行加载函数,所以(document).ready(function{})的函数加载速度会比window.onload快
2.$(document).ready(function{})可以使用多次,可以多次执行,但window.onload只能出现一次,只会执行最后一次window.onload函数。
3.jQuery通过接受包含css选择器的字符串进行操作,例如:let arr = $('#id'),选择器和css选择器相同。
1.基本选择器有:ID选择器->$('#id')、class选择器->$('.class')、标签名选择器->$('标签名')、通配符选择器->$('*')。
2.层级选择器有:空格选择器,选择在给定的祖先元素下匹配所有的后代元素->$('a b')、大于号选择器,选择父元素下的子元素(只匹配子元素)->$('a>b')、加号选择器,匹配所有的与a元素相邻的第一个b元素->$('a+b')、波浪选择器,匹配a元素后的所有b元素(只在同级寻找)->$('a~b')。
3.基本选择器有:li:first获取匹配到的第一个Li。li:last获取匹配到的最后一个li。li:not(a)查找除了li标签中包含a以外的所有li标签。li:even索引值为偶数的li(索引值从0开始,第一个li索引值为0,索引的实际上是第一个li)。li:odd索引值为奇数的li,与even相反。li:eq(索引值)索引指定索引值的li,从0开始,li:eq(0)则为第一个li。li:gt(索引值)匹配所有大于索引值的元素。li:lt(索引值)匹配所有小于索引值的元素。
4.jQ属性可以通过attr进行获取例如$("img").attr("src),则是获取img的src属性;可以通过$("img").removeAttr("src)进行删除img的src属性,通过$("p").addClass("selected");来添加类名,通过$("p").removClass("selected");来删除类,toggleClass来删除或者添加一个类,如果$('p').toggleClass("selected")有selected这个类就删除,否则就添加,可以通过$('p').html()来获取p标签的内容,也可以通过$('p').html("<b>ssss</b>")来设置html内容。通过$('p').text()设置获取文本值。通过$('p').val()设置获取value值,适用于inpute。