JQ内容

77 阅读1分钟

jQuery引用

image.png

符号和jquery是相同的符号和jquery是相同的 也是jquery中的顶级对象

image.png

原生获取来的对象是dom对象

用jQuery获取来的对象就是jQuery对象 它的本质是对DOM对象包装后产生的对象 image.png

jquery对象只能使用jquery方法,DOM对象只能使用DOM方法

image.png

jQuery和DOM的转换 DOM转JQ

image.png JQ转DOM (jquery对象是以伪数组形式来存储的) (div)[index]或者('div')[index]或者('div').get(index)

image.png 选择器 选中nav类的div image.png

层级选择器 ①子代选择器 选择儿子级的元素("ul>li")②后代选择器选择儿子孙子及以下所有元素("ul>li") ②后代选择器 选择儿子孙子及以下所有元素("ul li") image.png

JQ里面实现了隐式迭代 进行了遍历循环

JQ中修改css样式 $("div").css('属性',"值") image.png

JQ中的筛选选择器

:first :last image.png :eq(index)选择索引号 索引从0开始 image.png :odd 选择索引号为奇数的元素 :odd 选择索引号为偶数的元素 image.png

显示与隐藏功能 ①show image.png ②hide image.png ③toggle 显示/隐藏

image.png ④下拉显示 slideDown() ⑤下拉隐藏 slideUp() ⑥下拉框效果 slideToggle() ⑦ 淡入 fadeIn() ⑧ 淡出 fadeToggle() ⑨ 渐变显示效果 image.png