2021-03-07js学习- jQuery 入口函数,$对象,DOM与$对象联系及转化,隐式迭代,常用选择器认识

问题:

1. jQuery入口函数是怎样的?
2. jQuery入口函数与dom中的load是一样吗?
3. jQuery 中$是什么意思?
4. jQuery对象与DOM对象的联系?
5. 将DOM对象转化为jQuery对象:方法
6. 将jQuery对象转化为DOM对象(两种方式)
7. jQuery选择器格式书写:ID选择器,全选选择器,类选择器,标签选择器,并集选择器,交集选择器. 子代选择器,后代选择器
8. 隐式迭代认识?
9. jQuery筛选选择器认识,:first, :last, :eq(index) :odd :even
10. jQuery筛选方法认识; parent(),children(selector) find(selector) siblings(selector) nextAll([expr]) prevtAll(expr)) hasClass(class) eq(index)

回答:

1. jQuery入口函数是怎样的?
   a) $(function(){})
   b) $(document).ready(function(){})
2. jQuery入口函数与dom中的load是一样吗?
   a) 不一样?
   b) 入口函数中相当于DOMContentLoaded,等DOM结构渲染完毕即可执行内部代码.
3. jQuery 中$是什么意思?
   a) $是jQuery的名字
   b) 表示的是jQuery对象
4. jQuery对象与DOM对象的联系?
   a) 利用$对DOM对象包装后产生的对象(伪数组形式存储).
5. 将DOM对象转化为jQuery对象:方法
   a) $(选择器),如 $(‘div’)
6. 将jQuery对象转化为DOM对象(两种方式)
   a) $(选择器)[index]eg:$(‘div)[0]
   b) $(选择器).get(index)eg:$(‘div’).get(index)
7. jQuery选择器格式书写:ID选择器,全选选择器,类选择器,标签选择器,并集选择器,交集选择器. 子代选择器,后代选择器
   a) ID选择器, $(“#id”)
   b) 全选选择器 $(“*””)
   c) 类选择器 $(“.class”)
   d) 标签选择器 $(“div”)
   e) 并集选择器 $(“div,p,li”)
   f) 交集选择器 $(“li.current”)
   g) 子代选择器 $(“ul>li”)
   h) 后代选择器 $(“ul li)
8. 隐式迭代认识?
   a) 遍历内部DOM元素(伪数组形式存储)的过程叫做隐匿迭代
   b) 如在css()方法中就给所满足条件都加上去.
9. jQuery筛选选择器认识,:first, :last, :eq(index) :odd :even
   a) :first 获取第一个li元素
   b) :last 获取最后一个li元素
   c) :eq(index) 获取li元素中,选择索引号为index的元素.index是从0开始的.
   d) :odd 获取到li元素中 选择索引号为奇数的元素
   e) :even 获取到li元素中,选择索引 号为偶数的元素.
10. jQuery筛选方法认识; parent(),children(selector) find(selector) siblings(selector) nextAll([expr]) prevtAll(expr)) hasClass(class) eq(index)
    a) parent() 查找父级
    b) children(selector) 相当于$(“ul>li”)最近一级(新儿子)c)find(selector)相当于$(“ul li),后代选择器
    d) siblings(selector) 查找兄弟节点,不包括自己本身
    e) nextAll([expr]) 查找当前元素之后所有同辈元素
    f) prevtAll([expr]) 查找当前元素之前所有的同辈元素
    g) hasClass(class) 检查当前的元素是否有某个特定的类,如果有,则返回true
    h) eq(index) 相当于$(“li:eq(2)”) index从0开始