黑马程序员技术交流社区

标题: 【厦门校区JavaEE就业6期-每日总结】Jquery基础 [打印本页]

作者: 厦门校区 时间: 2019-5-9 16:14
标题: 【厦门校区JavaEE就业6期-每日总结】Jquery基础
1.jq对象和js对象如何转换?
2.jq中分别有哪些选择器?
3.简单描述一下jq如何进行dom操作?
4.jq和js有哪些区别?

作者: 廖艺铭 时间: 2019-5-9 21:35
1.jq对象和js对象如何转换?
jq对象 -- > js对象 : jq对象[索引] 或者 jq对象.get(索引)
js 对象-- > jq对象 : $(js对象)

2.jq中分别有哪些选择器?
基本选择器、层级选择器、属性选择器、过滤选择器、表单过滤选择器

3.简单描述一下jq如何进行dom操作?
内容操作：html()、text()、val()
属性操作：
1)通用属性操作：attr()、removeAttr()、prop()、removeProp()
2)对class属性操作：addClass()、removeClass()、toggleClass()
3)CRUD操作：append()、prepend()、appendTo()、prependTo()、after()、before()、insertAfter()、
insertBefore()、remove()、empty()

4.jq和js有哪些区别?
jq：是一个js函数库，jq就是基于js语言写出来的一个框架，简化了 js编程 ,较为轻灵，用更少的代码，完成更多的功能
js：操作较为沉重繁琐

作者: 陈伟彬 时间: 2019-5-10 19:52
1.jq对象和js对象如何转换?
答：
jq对象-->js对象：jq对象[索引] 或者 jq对象.get(索引)；
js对象-->jq对象：$(js对象)；

2.jq中分别有哪些选择器?
答：
基本选择器：标签选择器、id选择器、类选择器、并集选择器；
层级选择器：后代选择器、子选择器；
属性选择器：属性名选择器、属性选择器、复合属性选择器；
过滤选择器：首尾元素选择器、奇偶数选择器、索引选择器、标题选择器；
表单过滤选择器：可用和不可用元素选择器、选中（单选框和下拉框）选择器；

3.简单描述一下jq如何进行dom操作?
答：
利用jq对象，调用封装在min.js文件里的方法，传递参数，执行方法里的js代码，完成对内容或属性的操作；

4.jq和js有哪些区别?
答：
jq对象在操作时，更加方便；
jq对象和结束对象的方法不通用；

作者: Wyt1935 时间: 2019-5-11 14:02
吴元陶：

1.jq对象和js对象如何转换?
jq对象 -- > js对象 : jq对象[索引] 或者 jq对象.get(索引)
js 对象-- > jq对象 : $(js对象)

2.jq中分别有哪些选择器?
基本选择器、层级选择器、属性选择器、过滤选择器、表单过滤选择器

3.简单描述一下jq如何进行dom操作?
内容操作：html()、text()、val()
属性操作：
1)通用属性操作：attr()、removeAttr()、prop()、removeProp()
2)对class属性操作：addClass()、removeClass()、toggleClass()
3)CRUD操作：append()、prepend()、appendTo()、prependTo()、after()、before()、insertAfter()、
insertBefore()、remove()、empty()

4.jq和js有哪些区别?
jq：是一个js函数库，jq就是基于js语言写出来的一个框架，简化了 js编程 ,较为轻灵，用更少的代码，完成更多的功能
js：操作较为沉重繁琐

作者: 小翔vvvv 时间: 2019-5-11 18:58
叶凌青：

1.jq对象和js对象如何转换?
js对象转换为jq对象有两种:jq对象[索引];jq对象.get(索引)
jq对象转换为js对象:$(js对象)

2.jq中分别有哪些选择器?
在jq中选择器有：
(1)基本选择器:标签选择器($("html标签名"));id选择器($("#id的属性值"));id选择器($(".class的属性值"));并集选择器($("选择器1,选择器2...."))
(2)层级选择器:后代选择器( $("A B ") );子选择器（ $("A > B") ）
(3)属性选择器:属性名称选择器 ($("A[属性名]"));属性选择器($("A[属性名='值']") );复合属性选择器($("A属性名='值']..."))
(4)过滤选择器:首元素选择器(:first);尾元素选择器( :last);非元素选择器(:not(selector) );偶数选择器(:even );奇数选择器(:odd);等于索引选择器(eq(index) );大于索引选择器 ( :gt(index));小于索引选择器(:lt(index) );标题选择器( :header )
(5)表单过滤选择器:可用元素选择器( :enabled );不可用元素选择器( :disabled );复选框选中选择器( :checked);下拉框选中选择器( :selected )

3.简单描述一下jq如何进行dom操作?
先定义入口函数，如果没有定义则要写在标签的下方，防止还没加载标签时，就调用了方法，在使用$（"选择器"）先获取到jq的dom对象，用jq中的操作元素方法对dom对象进行操作（如：text（）和html（）获取/修改纯文本内容，或修改标签内容），注意：方法没有传参时是获取，有传参时是修改

4.jq和js有哪些区别?
(1)js是网页的脚本语言，jQuery是基于js语言，将js代码进行封装产生的一个js类库,简化js开发
(2)jq对象和js对象的方法不能互用，如果想要是用对方的方法，两者间必须要进行对象的转换

作者: 黑马林伟明 时间: 2019-5-11 19:28
1.jq对象和js对象如何转换?
jq对象 -- > js对象 : jq对象[索引] 或者 jq对象.get(索引)
js 对象-- > jq对象 : $(js对象)

2.jq中分别有哪些选择器?
基本选择器、层级选择器、属性选择器、过滤选择器、表单过滤选择器

3.简单描述一下jq如何进行dom操作?
内容操作：html()、text()、val()
属性操作：
1)通用属性操作：attr()、removeAttr()、prop()、removeProp()
2)对class属性操作：addClass()、removeClass()、toggleClass()
3)CRUD操作：append()、prepend()、appendTo()、prependTo()、after()、before()、insertAfter()、
insertBefore()、remove()、empty()

4.jq和js有哪些区别?
jq：是一个js函数库，jq就是基于js语言写出来的一个框架，简化了 js编程 ,较为轻灵，用更少的代码，完成更多的功能
js：操作较为沉重繁琐

作者: 管文祥 时间: 2019-5-11 20:34
1.jq对象和js对象如何转换?
答：jq对象转换为js对象： jq对象通过调用[索引] 或者 jq对象.get(索引)值可以转换为js对象。
js对象转换jq对象 : 利用$符号，$(js对象)
2.jq中分别有哪些选择器?
答：基本选择器（标签/元素选择器，id选择器，类选择器，并集选择器），层级选择器（子选择器，后代选择器），属性选择器（属性名选择器，属性选择器，复合属性选择器），过滤选择器（首/尾元素选择器，非元素选择器，奇/偶数选择器，大于/等于/小于索引值选择器，标题选择器），表单过滤选择器（可用元素选择器，不可用元素选择器，选中选择器）
3.简单描述一下jq如何进行dom操作?
答：首先定义入口函数，再使用$（"选择器"）获取到jq的dom对象，然后使用jq中的操作元素方法对dom对象进行操作（如：text（）获取/修改纯文本内容；html（）修改标签内容），方法中没有传参时是获取，有传参时是修改。
4.jq和js有哪些区别?
答：JQuery是一个快速、简洁的JavaScript框架，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。 JQuery对象在操作时，更加方便。JQuery对象和js对象方法不通用，但可以进行相互转换。

作者: 叶振鹏 时间: 2019-5-11 20:51
1.jq对象和js对象如何转换?
js对象转换为jq对象有两种:jq对象[索引];jq对象.get(索引)
jq对象转换为js对象:$(js对象)

2.jq中分别有哪些选择器?
在jq中选择器有：
(1)基本选择器:标签选择器($("html标签名"));id选择器($("#id的属性值"));id选择器($(".class的属性值"));并集选择器($("选择器1,选择器2...."))
(2)层级选择器:后代选择器( $("A B ") );子选择器（ $("A > B") ）
(3)属性选择器:属性名称选择器 ($("A[属性名]"));属性选择器($("A[属性名='值']") );复合属性选择器($("A属性名='值']..."))
(4)过滤选择器:首元素选择器(:first);尾元素选择器( :last);非元素选择器(:not(selector) );偶数选择器(:even );奇数选择器(:odd);等于索引选择器(eq(index) );大于索引选择器 ( :gt(index));小于索引选择器(:lt(index) );标题选择器( :header )
(5)表单过滤选择器:可用元素选择器( :enabled );不可用元素选择器( :disabled );复选框选中选择器( :checked);下拉框选中选择器( :selected )

3.简单描述一下jq如何进行dom操作?
先定义入口函数，如果没有定义则要写在标签的下方，防止还没加载标签时，就调用了方法，在使用$（"选择器"）先获取到jq的dom对象，用jq中的操作元素方法对dom对象进行操作（如：text（）和html（）获取/修改纯文本内容，或修改标签内容），注意：方法没有传参时是获取，有传参时是修改

4.jq和js有哪些区别?
(1)js是网页的脚本语言，jQuery是基于js语言，将js代码进行封装产生的一个js类库,简化js开发
(2)jq对象和js对象的方法不能互用，如果想要是用对方的方法，两者间必须要进行对象的转换

作者: 林志鹏 时间: 2019-5-11 21:03
1.jq对象和js对象如何转换?
jq转换成js:jq对象[索引]或者jq对象.get(索引)
js转换成jq:$(js对象)

2.jq中分别有哪些选择器?
1.基本选择器：标签选择器、id选择器、类选择器、并集选择器
2.层级选择器：后代选择器、子选择器
3.属性选择器：属性名称选择器、属性选择器、复合属性选择器
4.过滤选择器：首元素选择器、尾元素选择器、非元素选择器、偶数选择器、奇数选择器、等于索引选择器、大于索引选择器、小于索引选择器、标题选择器
5.表单过滤选择器：可用元素选择器、不可用元素选择器、选中选择器、选中选择器

3.简单描述一下jq如何进行dom操作?
定义入口函数，没有定义的话则要写在标签的下方，防止还没加载标签时，就调用了方法，先获取jq的dom对象，用jq中的操作元素方法对dom对象进行操作，方法在没有传参时是获取，有传参时是修改。

4.jq和js有哪些区别?
①js是网页的脚本语言，jQuery是基于js语言，将js代码进行封装。
②jq对象和js对象的方法不能互用，如果想要是用对方的方法，两者间必须要进行对象的转换

作者: 刘曾铭 时间: 2019-5-11 21:06
1.jq对象和js对象如何转换?
答：
      jq对象-->js对象：jq对象[索引] 或者 jq对象.get(索引)；
      js对象-->jq对象：$(js对象)；

2.jq中分别有哪些选择器?
答：
      基本选择器：标签选择器、id选择器、类选择器、并集选择器；
      层级选择器：后代选择器、子选择器；
      属性选择器：属性名选择器、属性选择器、复合属性选择器；
      过滤选择器：首尾元素选择器、奇偶数选择器、索引选择器、标题选择器；
      表单过滤选择器：可用和不可用元素选择器、选中（单选框和下拉框）选择器；

3.简单描述一下jq如何进行dom操作?
答：
      利用jq对象，调用封装在min.js文件里的方法，传递参数，执行方法里的js代码，完成对内容或属性的操作；

4.jq和js有哪些区别?
答：
      jq对象在操作时，更加方便；
      jq对象和结束对象的方法不通用；

作者: javawjs 时间: 2019-5-11 21:10
王佳盛

1. jq对象和js对象如何转换？
JQ对象转JS对象：JQ对象[索引],JQ对象.get[索引]
JS对象转JQ对象：$(JS对象)

2. jq中分别有哪些选择器？
（1）基本选择器
a) 标签选择器：$(“html标签名”) 获得所有匹配标签名称的元素
b) Id选择器：$("#id的属性值") 获得与指定id属性值匹配的元素
c) 类选择器：$(".class的属性值") 获得与指定的class属性值匹配的元素
d) 并集选择器：$("选择器1,选择器2....") 获取多个选择器选中的所有元素
（2）层级选择器
a) 后代选择器：$("A B ") 选择A元素内部的所有B元素
b) 子选择器：$("A > B") 选择A元素内部的所有B子元素
（3）属性选择器
a) 属性名称选择器：$("A[属性名]") 包含指定属性的选择器
b) 属性选择器：$("A[属性名='值']") 包含指定属性等于指定值的选择器
c) 复合属性选择器：$("A[属性名='值'][]...") 包含多个属性条件的选择器
（4）过滤选择器
a) 首元素选择器：:first 获得选择的元素中的第一个元素
b) 尾元素选择器：:last 获得选择的元素中的最后一个元素
c) 非元素选择器：:not(selector) 不包括指定内容的元素
d) 偶数选择器：语法： :even 偶数，从 0 开始计数
e) 奇数选择器：语法： :odd 奇数，从 0 开始计数
f) 等于索引选择器：:eq(index) 指定索引元素
g) 大于索引选择器：:gt(index) 大于指定索引元素
h) 小于索引选择器：:lt(index) 小于指定索引元素
i) 标题选择器：:header 获得标题（h1~h6）元素，固定写法
（5）表单过滤选择器
a) 可用元素选择器：:enabled 获得可用元素
b) 不可用元素选择器：:disabled 获得不可用元素
c) 选中选择器：:checked 获得单选/复选框选中的元素
d) 选中选择器：:selected 获得下拉框选中的元素

3. 简单描述一下jq如何进行dom操作？
jq对象进行dom操作是调用一系类封装好的方法进行的，这些封装好的方法的底层都是运用js来操作dom的。

4. Jq和js有哪些区别？
（1）Jq能够写多个入口函数，js 只能写一个。
（2）jq的入口函数中能够定义函数，js当中不能
（3）jq的语法相对于js更为简洁

作者: 卢春旭 时间: 2019-5-11 21:14
1.jq对象和js对象如何转换?
      js对象转换为jq对象有两种:jq对象[索引];jq对象.get(索引)
      jq对象转换为js对象:$(js对象)

2.jq中分别有哪些选择器?
      在jq中选择器有：
      (1)基本选择器:标签选择器($("html标签名"));id选择器($("#id的属性值"));id选择器($(".class的属
      性值"));并集选择器($("选择器1,选择器2...."))
      (2)层级选择器:后代选择器( $("A B ") );子选择器（ $("A > B") ）
      (3)属性选择器:属性名称选择器 ($("A[属性名]"));属性选择器($("A[属性名='值']") );复合属性选择
      器($("A属性名='值']..."))
      (4)过滤选择器:首元素选择器(:first);尾元素选择器( :last);非元素选择器(:not(selector) );偶数选择
      器(:even );奇数选择器(:odd);等于索引选择器(eq(index) );大于索引选择器 ( :gt(index));小于索
      引选择器(:lt(index) );标题选择器( :header )
      (5)表单过滤选择器:可用元素选择器( :enabled );不可用元素选择器( :disabled );复选框选中选择
      器( :checked);下拉框选中选择器( :selected )

3.简单描述一下jq如何进行dom操作?
      先定义入口函数，如果没有定义则要写在标签的下方，防止还没加载标签时，就调用了方法，在
      使用$（"选择器"）先获取到jq的dom对象，用jq中的操作元素方法对dom对象进行操作（如：
      text（）和html（）获取/修改纯文本内容，或修改标签内容），注意：方法没有传参时是获取，
      有传参时是修改

4.jq和js有哪些区别?
      (1)js是网页的脚本语言，jQuery是基于js语言，将js代码进行封装产生的一个js类库,简化js开发
      (2)jq对象和js对象的方法不能互用，如果想要是用对方的方法，两者间必须要进行对象的转换

作者: 6期江岳 时间: 2019-5-11 21:31
1.jq对象和js对象如何转换?
jq对象 -- > js对象 : jq对象[索引] 或者 jq对象.get(索引)
js 对象-- > jq对象 : $(js对象)

2.jq中分别有哪些选择器?
基本选择器、层级选择器、属性选择器、过滤选择器、表单过滤选择器

3.简单描述一下jq如何进行dom操作?
利用jq对象，调用封装在min.js文件里的方法，传递参数，执行方法里的js代码，完成对内容或属性的操作；

4.jq和js有哪些区别?
jq是基于js写出的框架，通过里面封装好的方法简化了js代码书写，效果不变
在调用jq方法时首先得将js转换为jq对象

作者: 陈志铖 时间: 2019-5-11 21:32

1.jq对象和js对象如何转换?
答：
      jq对象-->js对象：jq对象[索引] 或者 jq对象.get(索引)；
      js对象-->jq对象：$(js对象)；

2.jq中分别有哪些选择器?
答：
      基本选择器：标签选择器、id选择器、类选择器、并集选择器；
      层级选择器：后代选择器、子选择器；
      属性选择器：属性名选择器、属性选择器、复合属性选择器；
      过滤选择器：首尾元素选择器、奇偶数选择器、索引选择器、标题选择器；
      表单过滤选择器：可用和不可用元素选择器、选中（单选框和下拉框）选择器；

3.简单描述一下jq如何进行dom操作?
答：
      利用jq对象，调用封装在min.js文件里的方法，传递参数，执行方法里的js代码，完成对内容或属性的操作；

4.jq和js有哪些区别?
答：
      jq对象在操作时，更加方便；
      jq对象和结束对象的方法不通用；

作者: 林奕全 时间: 2019-5-11 21:37
1.jq对象和js对象如何转换?
      jq对象-->js对象：jq对象[索引] 或者 jq对象.get(索引)；
      js对象-->jq对象：$(js对象)；

2.jq中分别有哪些选择器?
      基本选择器：标签选择器、id选择器、类选择器、并集选择器；
      层级选择器：后代选择器、子选择器；
      属性选择器：属性名选择器、属性选择器、复合属性选择器；
      过滤选择器：首尾元素选择器、奇偶数选择器、索引选择器、标题选择器；
      表单过滤选择器：可用和不可用元素选择器、选中（单选框和下拉框）选择器；

3.简单描述一下jq如何进行dom操作?
      利用jq对象，调用封装在jquery-3.3.1.min.js文件里的方法，传递参数，执行方法里的js代码，完成对内容或属性的操作；

4.jq和js有哪些区别?
      jq对象在操作时，更加方便；
      jq对象和结束对象的方法不通用

作者: 陈弘帅 时间: 2019-5-11 21:38

1.jq对象和js对象如何转换?
jq对象 -- > js对象 : jq对象[索引] 或者 jq对象.get(索引)
js 对象-- > jq对象 : $(js对象)

2.jq中分别有哪些选择器?
基本选择器、层级选择器、属性选择器、过滤选择器、表单过滤选择器

3.简单描述一下jq如何进行dom操作?
内容操作：html()、text()、val()
属性操作：
1)通用属性操作：attr()、removeAttr()、prop()、removeProp()
2)对class属性操作：addClass()、removeClass()、toggleClass()
3)CRUD操作：append()、prepend()、appendTo()、prependTo()、after()、before()、insertAfter()、
insertBefore()、remove()、empty()

4.jq和js有哪些区别?
jq：是一个js函数库，jq就是基于js语言写出来的一个框架，简化了 js编程 ,较为轻灵，用更少的代码，完成更多的功能
js：操作较为沉重繁琐

作者: 黄杰南 时间: 2019-5-11 21:53
1.jq对象和js对象如何转换?
jq对象 -- > js对象 : jq对象[索引] 或者 jq对象.get(索引)
js 对象-- > jq对象 : $(js对象)

2.jq中分别有哪些选择器?
基本选择器、层级选择器、属性选择器、过滤选择器、表单过滤选择器

3.简单描述一下jq如何进行dom操作?
内容操作：html()、text()、val()
属性操作：
1)通用属性操作：attr()、removeAttr()、prop()、removeProp()
2)对class属性操作：addClass()、removeClass()、toggleClass()
3)CRUD操作：append()、prepend()、appendTo()、prependTo()、after()、before()、insertAfter()、insertBefore()、remove()、empty()

4.jq和js有哪些区别?
jq：是一个js函数库，jq就是基于js语言写出来的一个框架，简化了 js编程 ,较为轻灵，用更少的代码，完成更多的功能
js：操作较为沉重繁琐

作者: 吴越 时间: 2019-5-11 21:53
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前缀

作者: 曾伟清 时间: 2019-5-11 22:57
1.jq对象和js对象如何转换?
答：jq转js：只需jq对象.get(索引)或者jq对象[索引]
js转jq：$（js对象）
2.jq中分别有哪些选择器?
答：（1）基本选择器：标签选择器、id选择器、类选择器、并集选择器。
（2）层级选择器：后代选择器、子选择器。
（3）属性选择器：属性名称选择器、属性选择器、复合属性选择器
（4）过滤选择器：首元素选择器、尾元素选择器、非元素选择器、偶数选择器、奇数选择器、等于索引选择器
大于索引选择器、小于索引选择器、标题选择器。
（5）表单过滤选择器：可用元素选择器、不可用元素选择器、两种选中选择器。
3.简单描述一下jq如何进行dom操作?
答：先用选择器获得dom对象，
再调用方法进行内容操作如：html()、text()、val()；
属性操作如：attr(): 获取/设置元素的属性i
removeAttr():删除属性
prop():获取/设置元素的属性
removeProp():删除属性
crud操作如：append()、prepend()、appendTo()、prependTo()、after()、 before()、insertAfter()、insertBefore()、remove()、empty()

4.jq和js有哪些区别?
答：jq是js的框架，将js的一些方法进行封装，我们使用起来更简便。
jq因为有对js方法的封装，所以两者可调用的方法也不一样，比如：js对象.innerhtml与jq对象.html()都是获得标签内容，但调用的方法不一样。

作者: 林艺彬 时间: 2019-5-12 21:26
1.jq对象和js对象如何转换?
jq对象转js对象：
1）jq对象[索引]
2）jq对象.get(索引)
js对象转jq对象：
   $(js对象)
2.jq中分别有哪些选择器?
   1）基本选择器
                  1.标签选择器（元素选择器）
                        *语法：$("html标签名") 获得所有匹配标签名称的元素
                  2.id选择器
                        *语法：$("#id的属性值") 获得与指定id属性值匹配的元素
                  3.类选择器
                        *语法：$(".class的属性值") 获得与指定的class属性值匹配的元素
                  4.并集选择器：
                        *语法： $("选择器1,选择器2....") 获取多个选择器选中的所有元素
            2）层级选择器
                  1.后代选择器
                        *语法： $("AB ") 选择A元素内部的所有B元素
                  2.子选择器
                        *语法： $("A> B") 选择A元素内部的所有B子元素
            3）属性选择器
                  1.属性名称选择器
                        *语法： $("A[属性名]") 包含指定属性的选择器
                  2.属性选择器
                        *语法： $("A[属性名='值']") 包含指定属性等于指定值的选择器
                  3.复合属性选择器
                        *语法： $("A[属性名='值'][]...") 包含多个属性条件的选择器
            4）过滤选择器
                  1.首元素选择器
                        *语法： :first 获得选择的元素中的第一个元素
                  2.尾元素选择器
                        *语法： :last 获得选择的元素中的最后一个元素
                  3.非元素选择器
                        *语法：:not(selector) 不包括指定内容的元素
                  4.偶数选择器
                        *语法： :even 偶数，从 0 开始计数
                  5.奇数选择器
                        *语法： :odd 奇数，从 0 开始计数
                  6.等于索引选择器
                        *语法： :eq(index)指定索引元素
                  7.大于索引选择器
                        *语法： :gt(index)大于指定索引元素
                  8.小于索引选择器
                        *语法： :lt(index)小于指定索引元素
                  9.标题选择器
                        *语法： :header 获得标题（h1~h6）元素，固定写法
            5）表单过滤选择器
                  1.可用元素选择器
                        *语法： :enabled 获得可用元素
                  2.不可用元素选择器
                        *语法： :disabled 获得不可用元素
                  3.选中选择器
                        *语法： :checked 获得单选/复选框选中的元素
                  4.选中选择器
                        *语法： :selected 获得下拉框选中的元素
3.简单描述一下jq如何进行dom操作?
1）内容操作
   1.html(): 获取/设置元素的标签体内容
2. text(): 获取/设置元素的标签体纯文本内容
   3.val()：获取/设置元素的value属性值
2）属性操作
通用属性操作：
      1.attr(): 获取/设置元素的属性
      2.removeAttr():删除属性
      3.prop():获取/设置元素的属性
      4.removeProp():删除属性
对class属性操作：
      1.addClass():添加class属性值
      2.removeClass():删除class属性值
      3.toggleClass():切换class属性
      4.css():对元素的样式进行控制
3）CRUD操作:
   1.append():父元素将子元素追加到末尾
   2.prepend():父元素将子元素追加到开头
   3.appendTo()：对象1.appendTo(对象2):将对象1添加到对象2内部，并且在末尾
   4.prependTo()：对象1.prependTo(对象2):将对象1添加到对象2内部，并且在开头
5. after():添加元素到元素后边
   6.before():添加元素到元素前边
   7.insertAfter()：对象1.insertAfter(对象2)：将对象1添加到对象2后边
   8.insertBefore()：对象1.insertBefore(对象2)：将对象1添加到对象2前边
   9.remove():移除元素
   10.empty():清空元素的所有后代元素
4.jq和js有哪些区别?
   jq是对js代码的一种封装，通过这种封装让开发人员能够更加简单、高效地进行js代码的开发。
   jq对象和js对象方法不通用。

作者: 黄成龙 时间: 2019-5-12 21:58
1.jq对象和js对象如何转换?
js对象转换为jq对象有两种:jq对象[索引];jq对象.get(索引)
jq对象转换为js对象:$(js对象)

2.jq中分别有哪些选择器?
1）基本选择器：标签选择器、id选择器、类选择器、并集选择器
2）层级选择器：后代选择器、子选择器
3）属性选择器：属性名称选择器、属性选择器、复合属性选择器
4）过滤选择器：首元素选择器、尾元素选择器、非元素选择器、偶数选择器、奇数选择器、等于索引选择器、大于索引选择器、小于索引选择器、标题选择器
5）表单过滤选择器：可用元素选择器、不可用元素选择器、选中选择器、选中选择器

3.简单描述一下jq如何进行dom操作?
先定义入口函数，如果没有定义则要写在标签的下方，防止还没加载标签时，就调用了方法，在使用$（"选择器"）先获取到jq的dom对象，用jq中的操作元素方法对dom对象进行操作（如：text（）和html（）获取/修改纯文本内容，或修改标签内容），注意：方法没有传参时是获取，有传参时是修改

4.jq和js有哪些区别?
(1)js是网页的脚本语言，jQuery是基于js语言，将js代码进行封装产生的一个js类库,简化js开发
(2)jq对象和js对象的方法不能互用，如果想要是用对方的方法，两者间必须要进行对象的转换

作者: 陈驰煜 时间: 2019-5-13 11:09
1.jq对象和js对象如何转换?
jq->js: jq对象.get(0)
js->jq: $(js对象)

2.jq中分别有哪些选择器?
基本选择器、层级选择器、属性选择器、过滤选择器、表单过滤选择器

3.简单描述一下jq如何进行dom操作?
jq对象中有许多方法可以进行dom操作, 如html()操作标签中的html标签, text()操作标签中的文本, addClass()添加class属性, val()设置操作标签的value值等等

4.jq和js有哪些区别?
jq内将大量js代码封装成了方法, 即jq基于js, 简化了js代码的编写

作者: 黄振明 时间: 2019-5-14 21:07
1.jq对象和js对象如何转换?
答：jq-->js ：jq对象[索引] 或者 jq对象.get(索引)
js-->jq ：$(js对象)

2.jq中分别有哪些选择器?
答：
(1)基本选择器
(2)层级择器
(3)属性择器
(4)过滤选择器
(5)表单过滤选择器

3.简单描述一下jq如何进行dom操作?
答：
(1)内容操作
html()：获取/设置元素的标签体内容
text()：获取/设置元素的标签体纯文本内容
val()：获取/设置元素的value属性值
(2)属性操作
通用属性操作:
1、attr():获取/设置元素的属性
2、removeAttr()：删除属性
3、prop():获取/设置元素的属性
4、removeProp():删除属性

(3)CRUD操作：
1、append():对象调用append方法，对象1.append(对象2)
2、prepend():对象1.prepend(对象2)
3、appendTo():对象1.appendTo(对象2)

4.jq和js有哪些区别?
答：
1、jQuery对象在操作时，会更加方便
2、jQuery对象和js对象方法是不通用的

作者: JavaEE06蒋才东 时间: 2019-5-14 21:15

1.jq对象和js对象如何转换?
答：
      jq对象-->js对象：jq对象[索引] 或者 jq对象.get(索引)；
      js对象-->jq对象：$(js对象)；

2.jq中分别有哪些选择器?
答：
      基本选择器：标签选择器、id选择器、类选择器、并集选择器；
      层级选择器：后代选择器、子选择器；
      属性选择器：属性名选择器、属性选择器、复合属性选择器；
      过滤选择器：首尾元素选择器、奇偶数选择器、索引选择器、标题选择器；
      表单过滤选择器：可用和不可用元素选择器、选中（单选框和下拉框）选择器；

3.简单描述一下jq如何进行dom操作?
答：
      利用jq对象，调用封装在min.js文件里的方法，传递参数，执行方法里的js代码，完成对内容或属性的操作；

4.jq和js有哪些区别?
答：
      jq对象在操作时，更加方便；
      jq对象和结束对象的方法不通用；

作者: 李伟艺 时间: 2019-5-14 21:18

1.jq对象和js对象如何转换?
答：
      jq对象-->js对象：jq对象[索引] 或者 jq对象.get(索引)；
      js对象-->jq对象：$(js对象)；

2.jq中分别有哪些选择器?
答：
      基本选择器：标签选择器、id选择器、类选择器、并集选择器；
      层级选择器：后代选择器、子选择器；
      属性选择器：属性名选择器、属性选择器、复合属性选择器；
      过滤选择器：首尾元素选择器、奇偶数选择器、索引选择器、标题选择器；
      表单过滤选择器：可用和不可用元素选择器、选中（单选框和下拉框）选择器；

3.简单描述一下jq如何进行dom操作?
答：
      利用jq对象，调用封装在min.js文件里的方法，传递参数，执行方法里的js代码，完成对内容或属性的操作；

4.jq和js有哪些区别?
答：
      jq对象在操作时，更加方便；
      jq对象和结束对象的方法不通用；

作者: 沈松宏 时间: 2019-5-14 21:46
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前缀

作者: 沈松宏 时间: 2019-5-14 21:47
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前缀

作者: 罗加铭 时间: 2019-5-14 21:55
1.jq对象和js对象如何转换?
1. JQuery对象在操作时，更加方便。
2. JQuery对象和js对象方法不通用的.
3. 两者相互转换
 * jq -- > js : jq对象[索引] 或者 jq对象.get(索引)
 * js -- > jq : $(js对象)

2.jq中分别有哪些选择器?
1. 基本选择器
1. 标签选择器（元素选择器）
* 语法： $("html标签名") 获得所有匹配标签名称的元素
2. id选择器
* 语法： $("#id的属性值") 获得与指定id属性值匹配的元素
3. 类选择器
* 语法： $(".class的属性值") 获得与指定的class属性值匹配的元素
4. 并集选择器：
* 语法： $("选择器1,选择器2....") 获取多个选择器选中的所有元素
2. 层级选择器
1. 后代选择器
* 语法： $("A B ") 选择A元素内部的所有B元素
2. 子选择器
* 语法： $("A > B") 选择A元素内部的所有B子元素
3. 属性选择器
1. 属性名称选择器
* 语法： $("A[属性名]") 包含指定属性的选择器
2. 属性选择器
* 语法： $("A[属性名='值']") 包含指定属性等于指定值的选择器
3. 复合属性选择器
* 语法： $("A[属性名='值'][]...") 包含多个属性条件的选择器
4. 过滤选择器
1. 首元素选择器
* 语法： :first 获得选择的元素中的第一个元素
2. 尾元素选择器
* 语法： :last 获得选择的元素中的最后一个元素
3. 非元素选择器
* 语法： :not(selector) 不包括指定内容的元素
4. 偶数选择器
* 语法： :even 偶数，从 0 开始计数
5. 奇数选择器
* 语法： :odd 奇数，从 0 开始计数
6. 等于索引选择器
* 语法： :eq(index) 指定索引元素
7. 大于索引选择器
* 语法： :gt(index) 大于指定索引元素
8. 小于索引选择器
* 语法： :lt(index) 小于指定索引元素
9. 标题选择器
* 语法： :header 获得标题（h1~h6）元素，固定写法
5. 表单过滤选择器
1. 可用元素选择器
* 语法： :enabled 获得可用元素
2. 不可用元素选择器
* 语法： :disabled 获得不可用元素
3. 选中选择器
* 语法： :checked 获得单选/复选框选中的元素
4. 选中选择器
* 语法： :selected 获得下拉框选中的元素

3.简单描述一下jq如何进行dom操作?
1. 内容操作
1. html(): 获取/设置元素的标签体内容 <a>内容</a> --> 内容
2. text(): 获取/设置元素的标签体纯文本内容 <a>内容</a> --> 内容
3. val()：获取/设置元素的value属性值
2. 属性操作
1. 通用属性操作
1. attr(): 获取/设置元素的属性
2. removeAttr():删除属性
3. prop():获取/设置元素的属性
4. removeProp():删除属性

* attr和prop区别？
1. 如果操作的是元素的固有属性，则建议使用prop
2. 如果操作的是元素自定义的属性，则建议使用attr
2. 对class属性操作
1. addClass():添加class属性值
2. removeClass():删除class属性值
3. toggleClass():切换class属性
* toggleClass("one"):
* 判断如果元素对象上存在class="one"，则将属性值one删除掉。 如果元素对象上不存在class="one"，则添加
4. css():
3. CRUD操作:
1. append():父元素将子元素追加到末尾
* 对象1.append(对象2): 将对象2添加到对象1元素内部，并且在末尾
2. prepend():父元素将子元素追加到开头
* 对象1.prepend(对象2):将对象2添加到对象1元素内部，并且在开头
3. appendTo():
* 对象1.appendTo(对象2):将对象1添加到对象2内部，并且在末尾
4. prependTo()：
* 对象1.prependTo(对象2):将对象1添加到对象2内部，并且在开头
5. after():添加元素到元素后边
* 对象1.after(对象2)：将对象2添加到对象1后边。对象1和对象2是兄弟关系
6. before():添加元素到元素前边
* 对象1.before(对象2)：将对象2添加到对象1前边。对象1和对象2是兄弟关系
7. insertAfter()
* 对象1.insertAfter(对象2)：将对象1添加到对象2后边。对象1和对象2是兄弟关系
8. insertBefore()
* 对象1.insertBefore(对象2)：将对象1添加到对象2前边。对象1和对象2是兄弟关系

9. remove():移除元素
* 对象.remove():将对象删除掉
10. empty():清空元素的所有后代元素。
* 对象.empty():将对象的后代元素全部清空，但是保留当前对象以及其属性节点

4.jq和js有哪些区别?
jQuery是一个JavaScript函数库。jQuery就是基于JavaScript语言写出来的一个框架,实质上还是JavaScript而已

作者: chenopen 时间: 2019-5-15 19:59
陈开明：

1.jq对象和js对象如何转换?
jQuery对象在操作时候，更加方便。
jQuery对象和js对象方法不通用的。
两者互相转换：
*jq -->js :jq对象[索引] 或者 jq对象.get(索引)
*js -->jq:$(js对象)
2.jq中分别有哪些选择器?
选择器：筛选具有相似特征的元素（标签）
基本选择器、层级选择器、属性选择器、过滤选择器、表单过滤选择器
3.简单描述一下jq如何进行dom操作?
内容操作：html(),text(),val()
属性操作：使用通用属性操作和对class属性操作
CRUD操作。
4.jq和js有哪些区别?
jq底层是由js代码实现的，jq将js代码封装起来，提供特定功能，方便程序员去开发调用。
因此，jQuery对象在操作时候，更加方便。
jq对象和js对象的方法不能互用，如果想要用对方的方法，必须进行对象转换。

作者: zhaizhile 时间: 2019-5-15 21:12
1.jq对象和js对象如何转换?
      js对象转换为jq对象有两种:jq对象[索引];jq对象.get(索引)
      jq对象转换为js对象:$(js对象)

2.jq中分别有哪些选择器?
      在jq中选择器有：
      (1)基本选择器:标签选择器($("html标签名"));id选择器($("#id的属性值"));id选择器($(".class的属
      性值"));并集选择器($("选择器1,选择器2...."))
      (2)层级选择器:后代选择器( $("A B ") );子选择器（ $("A > B") ）
      (3)属性选择器:属性名称选择器 ($("A[属性名]"));属性选择器($("A[属性名='值']") );复合属性选择
      器($("A属性名='值']..."))
      (4)过滤选择器:首元素选择器(:first);尾元素选择器( :last);非元素选择器(:not(selector) );偶数选择
      器(:even );奇数选择器(:odd);等于索引选择器(eq(index) );大于索引选择器 ( :gt(index));小于索
      引选择器(:lt(index) );标题选择器( :header )
      (5)表单过滤选择器:可用元素选择器( :enabled );不可用元素选择器( :disabled );复选框选中选择
      器( :checked);下拉框选中选择器( :selected )

3.简单描述一下jq如何进行dom操作?
      先定义入口函数，如果没有定义则要写在标签的下方，防止还没加载标签时，就调用了方法，在
      使用$（"选择器"）先获取到jq的dom对象，用jq中的操作元素方法对dom对象进行操作（如：
      text（）和html（）获取/修改纯文本内容，或修改标签内容），注意：方法没有传参时是获取，
      有传参时是修改

4.jq和js有哪些区别?
      (1)js是网页的脚本语言，jQuery是基于js语言，将js代码进行封装产生的一个js类库,简化js开发
      (2)jq对象和js对象的方法不能互用，如果想要是用对方的方法，两者间必须要进行对象的转换

作者: 余建强 时间: 2019-5-15 21:14

1.jq对象和js对象如何转换?
js对象转换为jq对象有两种:jq对象[索引];jq对象.get(索引)
jq对象转换为js对象:$(js对象)

2.jq中分别有哪些选择器?
在jq中选择器有：
(1)基本选择器:标签选择器($("html标签名"));id选择器($("#id的属性值"));id选择器($(".class的属性值"));并集选择器($("选择器1,选择器2...."))
(2)层级选择器:后代选择器( $("A B ") );子选择器（ $("A > B") ）
(3)属性选择器:属性名称选择器 ($("A[属性名]"));属性选择器($("A[属性名='值']") );复合属性选择器($("A属性名='值']..."))
(4)过滤选择器:首元素选择器(:first);尾元素选择器( :last);非元素选择器(:not(selector) );偶数选择器(:even );奇数选择器(:odd);等于索引选择器(eq(index) );大于索引选择器 ( :gt(index));小于索引选择器(:lt(index) );标题选择器( :header )
(5)表单过滤选择器:可用元素选择器( :enabled );不可用元素选择器( :disabled );复选框选中选择器( :checked);下拉框选中选择器( :selected )

3.简单描述一下jq如何进行dom操作?
先定义入口函数，如果没有定义则要写在标签的下方，防止还没加载标签时，就调用了方法，在使用$（"选择器"）先获取到jq的dom对象，用jq中的操作元素方法对dom对象进行操作（如：text（）和html（）获取/修改纯文本内容，或修改标签内容），注意：方法没有传参时是获取，有传参时是修改

4.jq和js有哪些区别?
(1)js是网页的脚本语言，jQuery是基于js语言，将js代码进行封装产生的一个js类库,简化js开发
(2)jq对象和js对象的方法不能互用，如果想要是用对方的方法，两者间必须要进行对象的转换

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2