1.jq对象和js对象如何转换?
答:
- jq -- > js:jq对象[索引] 或者 jq对象.get(索引)
- js -- > jq:$(js对象)
2.jq中分别有哪些选择器?
答:
- 基本选择器
1. 标签选择器(元素选择器):`$("html标签名") `获得所有匹配标签名称的元素
2. id选择器:`$("#id的属性值") `获得与指定id属性值匹配的元素
3. 类选择器:`$(".class的属性值")` 获得与指定的class属性值匹配的元素
4. 并集选择器:`$("选择器1,选择器2....") `获取多个选择器选中的所有元素
- 层级选择器
1. 后代选择器:`$("A B")` 选择A元素内部的所有B元素
2. 子选择器:`$("A > B")` 选择A元素内部的所有B子元素
- 属性选择器
1. 属性名称选择器:`$("A[属性名]")` 包含指定属性的选择器
2. 属性选择器:`$("A[属性名='值']")` 包含指定属性等于指定值的选择器
3. 复合属性选择器:`$("A[属性名='值'][]...") `包含多个属性条件的选择器
- 过滤选择器
1. 首元素选择器:`first` 获得选择的元素中的第一个元素
2. 尾元素选择器:`last` 获得选择的元素中的最后一个元素
3. 非元素选择器:`not(selector)` 不包括指定内容的元素
4. 偶数选择器:`even` 偶数,从 0 开始计数
5. 奇数选择器:`odd` 奇数,从 0 开始计数
6. 等于索引选择器:`eq(index)` 指定索引元素
7. 大于索引选择器:`gt(index)` 大于指定索引元素
8. 小于索引选择器:`t(index) `小于指定索引元素
9. 标题选择器:`header` 获得标题(h1~h6)元素,固定写法
- 表单过滤选择器
1. 可用元素选择器:`enabled `获得可用元素
2. 不可用元素选择器:`disabled` 获得不可用元素
3. 选中选择器:`checked` 获得单选/复选框选中的元素
4. 选中选择器:`selected` 获得下拉框选中的元素
3.简单描述一下jq如何进行dom操作?
答:jq进行dom操作主要分为三块,操作内容、操作属性和增删改查
操作内容:通过html(), text()方法获取内容, val()方法获取属性值;
操作属性:通过attr(), prop(), addClass()方法添加和获取属性
通过removeAttr(), removeProp(), removeClass() 方法删除属性
通过toggleClass()方法切换属性
通过css()方法操作css样式
增删改查:通过append(), appendTo(), prepend(), prependTo(), after(), before(), insertAfter(), before() 方法拼接不同对象,通过remove()方法删除对象,empty()方法清空对象内容
4.jq和js有哪些区别?
答:jq本质上是js的一个库,将js的代码封装为更加简洁的语法格式。
区别主要体现在,jq的入口函数可以定义多个,而js只能有一个入口函数;
jq和js的方法并不通用,若要使用对方的方法,需要先转化为对方的对象
jq中绑定事件的函数名称,相比js,都去掉了on前缀 |