黑马程序员技术交流社区
标题: 【厦门校区JavaEE就业5期-每日总结】Jquery基础 [打印本页]
作者: 厦门校区 时间: 2019-2-21 19:39
标题: 【厦门校区JavaEE就业5期-每日总结】Jquery基础
1.jq对象和js对象如何转换?
2.jq中分别有哪些选择器?
3.简单描述一下jq如何进行dom操作?
4.jq和js有哪些区别?
作者: 林文悦 时间: 2019-2-21 20:51
一、jq对象和js对象如何转换?
jq转化成js：
jq对象[索引值]；
jq对象.get(索引值)；
js转化成jq：
$(js对象)；
二、jq中分别有哪些选择器?
1. 基本选择器
1. 标签选择器（元素选择器）
* 语法： $("html标签名") 获得所有匹配标签名称的元素
2. id选择器
* 语法： $("#id的属性值") 获得与指定id属性值匹配的元素
3. 类选择器
* 语法： $(".class的属性值") 获得与指定的class属性值匹配的元素
. 并集选择器：
* 语法： $("选择器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 获得下拉框选中的元素
三、简单描述一下jq如何进行dom操作?
1. 内容操作
*. html(): 获取/设置元素的标签体内容
*.text(): 获取/设置元素的标签体纯文本内容
*.val()： 获取/设置元素的value属性值
2. 属性操作
*. 通用属性操作
*. 对class属性操作
3.CRUD操作
*.append():父元素将子元素追加到末尾
*. prepend():父元素将子元素追加到开头
四、jq和js有哪些区别?
jQuery是一个快速、简洁的JavaScript框架，。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，
优化HTML文档操作、事件处理、动画设计和Ajax交互。jq是封装了一些js代码。
作者: 吴洪标 时间: 2019-2-21 21:04
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-2-21 21:12
1. * jq -- > js : jq对象[索引] 或者 jq对象.get(索引)
* js -- > jq : $(js对象)
2.
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.
1. 内容操作
1. html(): 获取/设置元素的标签体内容 <a><font>内容</font></a> --> <font>内容</font>
2. text(): 获取/设置元素的标签体纯文本内容 <a><font>内容</font></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)：将对象2添加到对象1后边。对象1和对象2是兄弟关系
8. insertBefore()
* 对象1.insertBefore(对象2)： 将对象2添加到对象1前边。对象1和对象2是兄弟关系
9. remove():移除元素
* 对象.remove():将对象删除掉
10. empty():清空元素的所有后代元素。
* 对象.empty():将对象的后代元素全部清空，但是保留当前对象以及其属性节点
4.jq封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
作者: 陈基林 时间: 2019-2-21 21:12
1.jq对象和js对象如何转换?jq --> js: jq对象[索引]或者jq对象.get(索引)
js --> jq: $(js对象)
2.jq中分别有哪些选择器?
1.基本选择器: 标签选择器,id选择器,类选择器,并集选择器.
2.层级选择器: 后代选择器,子选择器.
3.属性选择器:属性名称选择器,属性选择器,复合属性选择器
4.过滤选择器:首元素选择器,尾元素选择器,非元素选择器,偶数选择器,奇数选择器,等于\大小\小于索引选择器,标题选择器.
5.表单过滤选择器:可用元素选择器,不可用元素选择器,选中选择器.
3.简单描述一下jq如何进行dom操作?
可以对元素的内容操作,通用属性操作以及CRUD操作.
4.jq和js有哪些区别?
jq是一个快速简洁的JavaScript框架,相对于js来说提供了一种简便的JavaScript设计模式,自然在操作的时候更加方便.但是两种对象之间的方法不通用.
作者: 李灵杰 时间: 2019-2-21 21:16
1.jq对象和js对象如何转换?
js --> jq $(js对象);
例子: $(divs[i]).html("ccc");
jq --> js jq[索引值] or jq对象.get(索引值);
例子: $divs[0].innerHTML = "ddd";
$divs.get(1).innerHTML = "eee";
2.jq中分别有哪些选择器?
1 基本选择器
2 过滤选择器
3 层级选择器
3 属性选择器
4 表单过滤选择器
3.简单描述一下jq如何进行dom操作?
使用 jq 特有的方法 参数传入对象进行操作
4.jq和js有哪些区别?
jq是js代码的封装
jq是一个快速简洁的框架
作者: zhuyiming 时间: 2019-2-21 21:19
1.jq对象和js对象如何转换?
jq -----> js : jq对象[索引] 或者js对象.get(索引)
js -----> jq : $(js对象)
2.jq中分别有哪些选择器?
基本选择器 1.标签选择器 2.id选择器 3.类选择器 4.并集选择器
层级选择器 1.后代选择器 2.子选择器
属性选择器 1.属性名选择器 2.属性选择器 3.符合属性选择器
过滤选择器 1.首元素选择器 2.尾元素选择器 3.非元素选择器 4.偶数选择器 5.奇数选择器 6.等于索引选择器 7.小于索引选择器 8.大于索引选择器 9.标题选择器
表单过滤选择器 1.可用元素选择器 2.不可用元素选择器 3.选中选择器 4.下拉框选中选择器
3.简单描述一下jq如何进行dom操作?
1.样式操作
(1)使用css()为指定的元素设置样式值获取样式值 css();
(2)追加样式 addClass();
(3)移除样式 removeClass();
(4)切换样式 toggleClass();
(5)判断是否含指定的样式 hasClass();
2.内容及Value值操作
(1)HTML代码操作 html()
(2)标签内容操作 text()
(3)属性值操作 val()
3.节点操作
(1)查找节点
(2)创建节点元素
[1]$(selector)：通过选择器获取节点
[2]$(element)：把DOM节点转化成jQuery节点
[3]$(html)：使用HTML字符串创建jQuery节点
(3)元素内部插入子节点
(4)元素外部插入同辈节点
(5)删除节点
(6)替换节点
(7)复制节点
4.属性操作
(1)获取与设置元素属性 attr()
(2)删除元素属性 removeAttr()
5.节点遍历
(1)遍历子元素 children( )
(2)遍历同辈元素
(3)遍历前辈元素
[1]jQuery中可以遍历前辈元素
[2]parent()：获取元素的父级元素
[3]parents()：元素元素的祖先元素
(4)其他遍历方法 a. each( ) ：
4.jq和js有哪些区别?
1. JQuery对象在操作时，更加方便。
2. JQuery对象和js对象方法不通用的.
3. 两者相互转换
作者: 骆颖权 时间: 2019-2-21 21:21
1.jq对象和js对象如何转换?
jq 转换成js : jq对象[索引] 或者 jq对象.get(索引)。
js 转换成 jq : $(js对象)。
2.jq中分别有哪些选择器?
1. 基本选择器
2. 层级选择器
3. 属性选择器
4. 过滤选择器
5. 表单过滤选择器
3.简单描述一下jq如何进行dom操作?
使用选择器得到jQuery对象后，我们就能对dom元素的属性进行操作了。最常用的是attr方法，css方法，text方法，html方法等等。这些方法有一个特点，如果你给出一个参数，则它可以得到对应的属性值，如果再多给一个参数，则可以设置对应的属性值。也就是说它们既是getter又是setter。
4.jq和js有哪些区别?
jq是一个快速、简洁的JavaScript框架。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。Jq对象在操作时，更加方便。
js是一门客户端脚本语言， 运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎，不需要编译，直接就可以被浏览器解析执行了。
JQuery对象和js对象方法不通用的。
作者: 苏志祥 时间: 2019-2-21 21:21
1.jq对象和js对象如何转换?
jq转换成js： jq对象[索引] 或者 jq对象.get(索引)
js 转换成jq: $(js)
2.jq中分别有哪些选择器?
基本选择器，层级选择器，属性选择器，过滤选择器，表单选择器。
3.简单描述一下jq如何进行dom操作?
内容操作：html(),text(),val();
属性操作：attr ()/prop()设置获取元素的属性，removeAttr()/removeProp()删除属性
CRUD操作：append():父元素将子元素追加到末尾,prepend():父元素将子元素追加到开头;
;appendTo(): 对象1.appendTo(对象2):将对象1添加到对象2内部，并且在末尾; prependTo()：对象1.prependTo(对象2):将对象1添加到对象2内部，并且在开头;after():添加元素到元素后边before():添加元素到元素前边;. insertAfter()对象1.insertAfter(对象2)：将对象2添加到对象1后边。对象1和对象2是兄弟关系;insertBefore() 对象1.insertBefore(对象2)： 将对象2添加到对象1前边。对象1和对象2是兄弟关系;remove():移除元素 empty():清空元素的所有后代元素。
4.jq和js有哪些区别?
* JavaScript框架：本质上就是一些js文件，封装了js的原生代码而已,简化JS开发.
作者: 艾卡西亚的惊喜 时间: 2019-2-21 21:22
1.jq对象和js对象如何转换?
答: ①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><font>内容</font></a> --> <font>内容</font>
2. text(): 获取/设置元素的标签体纯文本内容 <a><font>内容</font></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内部，并且在开头1. 内容操作
1. html(): 获取/设置元素的标签体内容 <a><font>内容</font></a> --> <font>内容</font>
2. text(): 获取/设置元素的标签体纯文本内容 <a><font>内容</font></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有哪些区别?
答:1. JQuery对象在操作时，更加方便。
2. JQuery对象和js对象方法不通用的.
林少伟
作者: 赵烈刚 时间: 2019-2-21 21:23
1.jq对象和js对象如何转换?
js--->jq:$(js对象)
jq--->js:jq对象[索引] 或者 jq对象.get(索引)
2.jq中分别有哪些选择器?
基本选择器:标签选择器(元素选择器);id选择器;类选择器;并集选择器
层级选择器:后代选择器;子选择器
属性选择器:属性名称选择器;属性选择器;复合属性选择器;
过滤选择器:首元素选择器; 尾元素选择器;非元素选择器;偶数选择器;奇数选择器; 等于索引选择器;大于索引选择器;小于索引选择器;标题选择器
3.简单描述一下jq如何进行dom操作?
导入jquery jar包依赖;
一丶DOM操作分为3类
1).DOM Core
DOM Core不是Javascript的专属品,任何一种支持DOM的编程语言都可以使用它.它的用途不仅限于处理一种使用标记语言编写出来的文档
2).HTML-DOM
比DOM Core出现的更早,它提供了一些更加简明的标记来描述各种HTML-DOM的元素属性
3).CSS-DOM
CSS-DOM 失针对CSS的操作,在JavaScript中,只要作用是获取和设置style对象各种属性
二丶样式操作
1).直接设置样式值
css(name,value) //设置单个属性
css({name:value,name:value,name:value....}) //同事设置多个属性
2).追加样式和移除样式
addClass(class) //追加样式
removeClass(class) //移除样式
3).切换样式
taggleClass() //可以切换不同元素的类样式
三丶内容操作
1).html代码操作
html([content]) //可选,规定备选元素的新内容,该参数可以包含HTML标签,无参数时,表示被选元素的文本内容
2).标签内容操作
text([content]) //可选,规定被选元素的新文本内容. 注释,特殊字符会被编码.无参数时,表示获取元素的被选内容
3).属性值操作
val([value])
四.节点属性操作
1).查找节点
$("xxx")
2).创建节点
$(selector) //选择器
$(element) //Dom元素
$(html) //html代码
3).插入节点
内部插入:append(content) appendTo(content) prepend(content) prependTo(content)
外部插入:after(content) insertAfter(content) before(content) insertBefore(content)
4).删除节点
$(selector).remove([expr])
5).替换节点
$("ul li:eq(1)").replaceWith($xxx)
6).复制节点
$(selector).clone([includeEvents])
4.jq和js有哪些区别?
1).js和jq对象api不能通用
2).JQuery对象在操作时，更加方便。
(1)、本质上的区别
jQuery是一个JavaScript函数库。jQuery就是基于JavaScript语言写出来的一个框架,实质上还是JavaScript而已。
(2)、代码书写的不同
jQuery 极大地简化了 JavaScript 编程，jQuery代码比沉重的JavaScript轻灵多了，jquery设计的初衷就是要用更少的代码，漂亮的完成更多的功能。
(3)、在使用方法上的不同
1).使用JavaScript和jQuery分别加载DOM：
JavaScript只会执行一次，而jQuery会执行多次。
2).使用JavaScript和jQuery获取class方法：
JavaScript没有默认的获取class的方法 ，而JQuery， 可以通过$('.className') 调用class的方法。
作者: 杨馥榕 时间: 2019-2-21 21:23
1.jq对象和js对象如何转换?
答：1. JQuery对象在操作时，更加方便。
2. JQuery对象和js对象方法不通用的.
3. 两者相互转换
* jq -- > js : jq对象[索引] 或者 jq对象.get(索引)
* js -- > jq : $(js对象)
2.jq中分别有哪些选择器?
答：1. 基本选择器 2. 层级选择器 3. 属性选择器4. 过滤选择器5. 表单过滤选择器
3.简单描述一下jq如何进行dom操作?
答： 获取/设置元素的标签体内容
获取/设置元素的标签体纯文本内容
获取/设置元素的value属性值
4.jq和js有哪些区别?
答：1. JQuery对象在操作时，更加方便。
2. JQuery对象和js对象方法不通用的.
3. 两者相互转换
* jq -- > js : jq对象[索引] 或者 jq对象.get(索引)
* js -- > jq : $(js对象)
作者: 许晓明 时间: 2019-2-21 21:25
1.jq对象和js对象如何转换?
答：jq对象转换为js对象的方法：jq对象[索引值]或者jq对象.get(索引值)
js对象转化换为jq对象：$(js对象)
2.jq中分别有哪些选择器?
答：jq中的选择器可以分为5大类：基本选择器（标签选择器，类选择器，id选择器，并集选择器），层级选择器（后代选择器，子代选择器），属性选择器（ 属性名称选择器， 属性选择器，复合属性选择器），过滤选择器（可以分为首尾选择器，奇偶选择器，大于小于等于选择器，标题选择器，非元素选择器），表单过滤选择器（可用元素选择器 ，不可用元素选择器，选中选择器，选中选择器）。
3.简单描述一下jq如何进行dom操作?
答：jquery中主要是先通过jq选择器获得特定的对象，然后绑定事件，在事件中编写dom操作，例如修改对象的内容（使用html，val，text方法），修改对象的属性（使用attr或者prop，addClass，removeClass，append，after，before，perpend等方法）。
4.jq和js有哪些区别?
答：1. JQuery对象在操作时，更加方便。因为实际上jq可以看成对js代码的一次封装使用，所以jq在使用操作上会更加方便。
2. JQuery对象和js对象方法不通用的.
作者: 董志超Eric 时间: 2019-2-21 21:27
1.jq对象和js对象如何转换?
jq --> js jq[索引] jq.get(索引)
js --> jq $(js对象)
2.jq中分别有哪些选择器?
答:
1.基础选择器 {标签选择器 id选择器 类选择器 并集选择器 }
2.层级选择器{后代选择器$("a b") 子代选择器$(a>b)}
3.属性选择器{属性名称选择器 $("标签名[属性名]")，$("标签名[属性值=‘值’][]...")}
4.过滤选择器{$("标签名：选择器类型")}
5.表单过滤选择器{enabled，disabled，checked单选/复选框，selected下拉框}
3.简单描述一下jq如何进行dom操作?
答：jquery操作dom。通过节点和对象的思想 ，因为每个标签都可以看做是一个节点。
1.动态的生成标签，2.改变页面布局。
4.jq和js有哪些区别?
答：
1.jquery的本质是js。
2. jquery对象在操作时更加方便，这个对象可以相互转化
3.jq和js的对象方法不通用，对不同的情况时有不同的语言。
作者: Chidori 时间: 2019-2-21 21:38
1.jq对象和js对象如何转换?
js对象需要转化成jq对象：$(js对象)
jq对象需要转化成js对象：jq对象[索引]、jq对象.get[索引]
2.jq中分别有哪些选择器?
主要分为
基本选择器
1.标签选择器
2.类选择器
3.元素选择器
4.并集选择器
层级选择器
1.后代选择器
2.子带选择器
属性选择器
1.属性名称选择器
2.属性选择器
3.复合属性选择器
过滤选择器
1.首元素选择器
2.尾元素选择器
3.非元素选择器
4.偶数选择器
5.奇数选择器
6.标题选择器
7.等于选择器
8.大于选择器
9.小于选择器
表单过滤选择器
1.可用元素选择器
2.不可用元素选择器
3.选中选择器
4.选中选择器
3.简单描述一下jq如何进行dom操作?
通过内容和属性对DOM进行操作
4.jq和js有哪些区别?
jq本质上就是js,是对js代码进行封装，简化js代码的书写，用更少的代码完成更多的功能
|
|
作者: 陈彬 时间: 2019-2-21 21:40
1.jq对象和js对象如何转换? jq对象转js对象 jq对象[索引] 或者 jq对象.get[索引].
js对象转jq对象 $(js对象)
2.jq中分别有哪些选择器?
基础选择器: 1.标签选择器 2.id选择器 3.类选择器 4.并集选择器
属性选择器: 1. 属性名称选择器 ,2. 属性选择器, 3. 复合属性选择器
层级选择器: 1.后代选择器 2.子选择器
过滤选择器: 1.首元素选择器 2.尾元素选择器 3.非元素选择器 4.偶数选择器 5.奇数选择器 6.等于索引选择器 7.小于索引选择器 8.大于索引选择器 9.标题选择器
表单过滤器
3.简单描述一下jq如何进行dom操作?
通过节点和对象的思想 ，因为每个标签都可以看做是一个节点。1.动态的生成标签，2.改变页面布局。
4.jq和js有哪些区别?
1.JQuery对象在操作时们更加方便
2.JQuery对象和js对象方法不通用
作者: 陈益源 时间: 2019-2-21 21:41
1.jq对象和js对象如何转换?
js --> jq $(js对象)
jq --> js jq[索引] 或 jq.get(索引)
2.jq中分别有哪些选择器?
（1）基本选择器（id选择器$("#id名称")、类选择器$(".class名称")、并集选择器$("选择器1,选择器2...")、元素选择器$("标签名称")）
（2）层级选择器（后代选择器$("A B")、子选择器$("A > B")）
（3）属性选择器（属性名称选择器$("A[属性名]")、属性选择器$("A[属性名='值']")、复合属性选择器$("A[属性名='值'][]...")）
（4）过滤选择器（首元素选择器 :first、尾元素选择器 :last、非元素选择器 :not(selector)、偶数选择器 :even、奇数选择器 :odd、等于索引选择器 : rq(索引)、大于索引选择器 :gt(索引)、小于索引选择器 :lt(索引)、标题选择器 :header）
（5）表单过滤选择器（可用元素选择器 :enabled、不可用元素选择器 :disabled、选中选择器 :checked 获得单选/复选框选中的元素; :selected获得下拉框选中的元素）
3.简单描述一下jq如何进行dom操作?
jq对dom可以进行三种操作，内容操作、属性操作及CRUD操作
4.jq和js有哪些区别?
[td]（1）jq在使用上更加方便
（2）jq和js的方法不通用
|
[/td] |
|
作者: 苏阿合 时间: 2019-2-21 21:45
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对象的方法不能互用，如果想要是用对方的方法，两者间必须要进行对象的转换
作者: lj478360767 时间: 2019-2-21 21:46
1.jq对象和js对象如何转换?jq对象获取时默认就是复数形式,因此jq对象转换为js对象有两种方式,一种是当做数组,js对象[索引] = js对象,还有一种是当做集合,js对象.get(索引) = js对象;
js对象转为jq对象的方式是 $(js对象).;
2.jq中分别有哪些选择器?
可以分为五大类:
1,基本选择器: 标签选择器$("标签名") , id选择器$("#id的属性值") , 类选择器$(".class的属性值") , 并集选择器 $("选择器1,选择器2...")可以获取多个选择器选择的元素;
2.层级选择器: 后代选择器$("A B") 获取A元素内所有的B元素, 子代选择器$("A>B") 获取A元素内所有的B子元素.
3.属性选择器: 属性名称选择器$("A[属性名]") 获取所有包含指定属性的A标签 属性选择器$("A[属性='属性值']") 获取所有指定属性等于指定属性值的A标签元素,复合属性选择器$("A[属性='属性值'],[]...")获取多个属性符合指定属性值的A标签元素;
4.过滤选择器:首元素选择器:first 尾元素选择器 :last 非元素选择器:not(选择器) 偶数选择器:even 奇数选择器 :odd 等于索引选择器:eq(索引) 大于索引选择器:gt(索引) 小于索引选择器:lt(索引) 标题选择器 :header 获取标题元素
5.表单过滤选择器: 可用元素选择器:enabled 不可用元素选择器:disabled 选中选择器:checked :selected
3.简单描述一下jq如何进行dom操作?
1.内容操作 : html()获取标签体内容 text()获取标签内文本内容 val()获取value值
2.属性操作 : 1.通用属性操作 attr() prop 获取/设置属性 2.对class属性操作 addclass() removeclass() toggoeClass() 增.删.切换
3CRUD操作 : append/prepend appendTo/prependTo after/before insertafter/insertbefore remove() empty()
4.jq和js有哪些区别?
jq是以个js框架,设计理念就是写更少的代码,做更多的事情,所以jq比js更加简洁方便.
作者: 续扬 时间: 2019-2-21 21:51
1.jq对象和js对象如何转换?
jq转到js：jq对象【索引】；jq对象。get【索引】
js转jq：$(js对象)
2.jq中分别有哪些选择器?
基本选择器；层级选择器；过滤选择器；表单过滤选择器
3.简单描述一下jq如何进行dom操作?
通过内容、属性、crud进行dom操作
4.jq和js有哪些区别?
jq操作更方便，二者之间方法不通用
|
|
作者: 李柏刚 时间: 2019-2-21 21:51
1.jq对象和js对象如何转换?
jq转js ：jq对象[索引]或 jq对象.get(索引)
js转jq ：$(js对象)
2.jq中分别有哪些选择器?
有以下5中选择器
基本选择器
层级选择器
过滤选择器
表单过滤选择器
3.简单描述一下jq如何进行dom操作?
通过选择器指定操作的元素，再调用jq方法，对其 属性，内容的增删改查等操作。
操作内容： html ,text ,val
操作属性：attr，removeAtter, prop, removeProp
CRDU操作：append, prepend,appenTo,prependTo,after,before,insetrAfter,insertBefore,remove,empty
4.jq和js有哪些区别?
jq的本质其实就是js文件，封装了js的原生代码，是一个JavaScript框架。
对象方法不能通用，语法格式也都不同。
js 入口函数window.onload 只能定义一次，后边的会覆盖前面。
jq入口函数 $(function) 可以定义多次，依次执行。
获取,筛选元素的语法格式不同，js使用document，jq使用$()，
作者: 黄嘉宏 时间: 2019-2-21 23:07
1.jq对象和js对象如何转换?
jq-->js :jq对象[索引] 或 jq对象.get(索引)。
js-->jq:$(js对象)
2.jq中分别有哪些选择器?
基本选择器：标签选择器$("html标签名")，id选择器$("#id的属性值")，类选择器$(".class的属性值")，并集选择$("选择器1，选择器2.。。。")
层级选择器：后代选择器$( a b)，子选择器$(a>b)
属性选择器:属性名称选择器$("a[属性名称]")，属性选择器$("a[属性名=值]")，复合属性选择器$("a[属性值=值][]...")
过滤选择器:首元素选择器:first，尾元素选择器:last，非元素选择器:not(select)，偶数选择器:even，奇数选择器:odd，等于索引选择器:eq(index)，大于索引选择器:gt(index)，小于索引选择器lt(index)，标题选择器:header
表单过滤选择器:可用元素选择器:enable，不可用元素选择器:disabled，选中选择器:checked,:selected
3.简单描述一下jq如何进行dom操作?
找到元素对象，然后对这些元素对象进行操作，对内容，属性，增删改查的操作。
4.jq和js有哪些区别?
jq本质上就是一些js文件，封装了js的原装代码，jq是一个JavaScript框架，简化了js开发。
|
|
作者: 李柏刚 时间: 2019-2-22 21:38
1.jq对象和js对象如何转换?
jq转js ：jq对象[索引]或 jq对象.get(索引)
js转jq ：$(js对象)
2.jq中分别有哪些选择器?
有以下5中选择器
基本选择器
层级选择器
过滤选择器
表单过滤选择器
3.简单描述一下jq如何进行dom操作?
通过选择器指定操作的元素，再调用jq方法，对其 属性，内容的增删改查等操作。
操作内容： html ,text ,val
操作属性：attr，removeAtter, prop, removeProp
CRDU操作：append, prepend,appenTo,prependTo,after,before,insetrAfter,insertBefore,remove,empty
4.jq和js有哪些区别?
jq的本质其实就是js文件，封装了js的原生代码，是一个JavaScript框架。
对象方法不能通用；
js 入口函数window.onload 只能定义一次，后边的会覆盖前面。
jq入口函数 $(function) 可以定义多次，依次执行。
获取,筛选元素的语法格式不同，js使用document，jq使用$()。
作者: 李柏刚 时间: 2019-2-22 21:40
1.jq对象和js对象如何转换?
jq转js ：jq对象[索引]或 jq对象.get(索引)
js转jq ：$(js对象)
2.jq中分别有哪些选择器?
有以下5中选择器
基本选择器
层级选择器
过滤选择器
表单过滤选择器
3.简单描述一下jq如何进行dom操作?
通过选择器指定操作的元素，再调用jq方法，对其 属性，内容的增删改查等操作。
操作内容： html ,text ,val
操作属性：attr，removeAtter, prop, removeProp
CRDU操作：append, prepend,appenTo,prependTo,after,before,insetrAfter,insertBefore,remove,empty
4.jq和js有哪些区别?
jq的本质其实就是js文件，封装了js的原生代码，是一个JavaScript框架。
对象方法不能通用；
js 入口函数window.onload 只能定义一次，后边的会覆盖前面。
jq入口函数 $(function) 可以定义多次，依次执行。
获取,筛选元素的语法格式不同，js使用document，jq使用$()。
作者: 李柏刚 时间: 2019-2-22 21:41
1.jq对象和js对象如何转换?
jq转js ：jq对象[索引]或 jq对象.get(索引)
js转jq ：$(js对象)
2.jq中分别有哪些选择器?
有以下5中选择器
基本选择器
层级选择器
过滤选择器
表单过滤选择器
3.简单描述一下jq如何进行dom操作?
通过选择器指定操作的元素，再调用jq方法，对其 属性，内容的增删改查等操作。
操作内容： html ,text ,val
操作属性：attr，removeAtter, prop, removeProp
CRDU操作：append, prepend,appenTo,prependTo,after,before,insetrAfter,insertBefore,remove,empty
4.jq和js有哪些区别?
jq的本质其实就是js文件，封装了js的原生代码，是一个JavaScript框架。
对象方法不能通用；
js 入口函数window.onload 只能定义一次，后边的会覆盖前面。
jq入口函数 $(function) 可以定义多次，依次执行。
获取,筛选元素的语法格式不同，js使用document，jq使用$()。
作者: 杨鑫棋 时间: 2019-2-22 21:42
1.jq对象和js对象如何转换?
js -> jq : jq对象[索引]；jq对象.get(索引)
jq ->js : $(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操作?
使用选择器得到jQuery对象后，我们就能对dom元素的属性进行操作了。最常用的是attr方法，css方法，text方法，html方法等等。这些方法有一个特点，如果你给出一个参数，则它可以得到对应的属性值，如果再多给一个参数，则可以设置对应的属性值。也就是说它们既是getter又是setter。
4.jq和js有哪些区别?
1.JQuery对象在操作时们更加方便
2.JQuery对象和js对象方法不通用
作者: 黄毅 时间: 2019-2-22 21:48
1.jq对象和js对象如何转换?
jq -- > js : jq对象[索引] 或者 jq对象.get(索引)
js -- > jq : $(js对象)
2.jq中分别有哪些选择器?
基本选择器，层级选择器，属性选择器，过滤选择器，表单过滤选择器
3.简单描述一下jq如何进行dom操作?
先定义入口函数，如果没有定义则要写在标签的下方，防止还没加载标签时，就调用了方法，在使用$（"选择器"）先获取到jq的dom对象，用jq中的操作元素方法对dom对象进行操作
4.jq和js有哪些区别?
js是网页的脚本语言，jQuery是基于js语言，将js代码进行封装产生的一个js类库,简化js开发；js和jq的方法不可通用 |
|
| 欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) |
黑马程序员IT技术论坛 X3.2 |