JQuery_基础

02_JQuery_概念
jQuery是什么?
是个js的框架；

03_JQuery_快速入门
jQuery-3.3.1.min.js和jQuery-3.3.1.js有什么区别？
jQuery-3.3.1.min.js：体积小，无缩进；生产环境中
jQuery-3.3.1.js：体积大，格式练好；调试环境中；

04_JQuery对象和JS对象区别与转换
jQuery对象和javascript对象的方法能不能通用？
不能！！！！！！

如何把一个javascript对象转换成jQuery对象？
	$(js对象)
	
如何把一个jQuery对象转换成javascript对象？
	jQuery对象.get(索引)
	jQuery对象[索引]

05_JQuery事件绑定&入口函数&样式控制
通过jQuery对象如何绑定点击事件？
jQuery对象.click(function(){})
jQuery如何让js代码在页面加载完成之后执行？
$(function(){代码})
通过jQuery对象，如果修改样式？
jQuery对象.css(样式名,样式值)

06_JQuery_选择器_基本选择器(基本)
元素选择器格式？
元素名
id选择器格式？
#id值
类选择器格式？
.类名
并集选择器格式？
选择其1,选择器2

07_JQuery_选择器_层级选择器(了解)
后代选择器格式？
选择器1 选择器2
子选择器格式？
选择器1 > 选择器2

08_JQuery_选择器_属性选择器(了解)
判断属性是否以xxx开头？
元素名[属性名^=值]
判断属性是否以xxx结尾？
元素名[属性名$=值]
判断属性是包含xxx？
元素名[属性名*=值]
判断属性不是xxx？
元素名[属性名!=值]

09_JQuery_选择器_过滤选择器(了解)
首选择器格式？
:first
尾选择器格式？
:last
非元素选择器格式？
:not()
偶数选择器格式？
:even
奇数选择器格式？
:odd
等于索引选择器格式？
:eq()
大于索引选择器格式？
:gt()
小于索引选择器格式？
:lt()
标题选择器格式？
:header

10_JQuery_选择器_表单过滤选择器(了解)
可用元素选择器格式？
:enable
不可用元素选择器格式？
:disabled
checked选中选择器格式？
:checked
selected选中选择器格式？
:selected

11_JQuery_DOM操作_内容操作
如何获取标签的子HTML内容？
html()
如何设置标签的子HTML内容？
html(子标签内容)
如何获取标签的文本内容？
text()
如何设置标签的文本内容？
text(文本内容)
如何获取标签的value属性值？
val()
如何设置标签的value属性值？
val(value值)
12_JQuery_DOM操作_属性操作_通用属性操作
如何设置指定的属性？
attr(属性名,属性值);
prop(属性名,属性值);
如何获取指定属性的值？
attr(属性名);
prop(属性名);
prop()和attr()的使用场景？
prop:
操作标签的固有属性；
attr:
操作标签的自定义属性；
/*
* prop() 设置固有属性
* attr() 设置自定义的属性attribute
* 传入一个参数，可以获得指定的JQuery对象的属性值
* 传入俩个参数，可以设置指定的Jquery对象的指定属性的属性值 (如果指定的属性不存在，则创建一个属性键值对)
* removeAttr(参数) : 删除指定的属性。
* */

13_JQuery_DOM操作_属性操作_class属性操作
如何添加一个class类？
addClass(“类选择器名称”)
如何删除一个class类？
removeClass(“类选择器名称”)
如何自动添加或删除一个class类？
toggle(“类选择器名称”);

	/**
	 * JQuery对象.addClass("class类的名字") 增加样式
	 * JQuery对象.removeClass("class类的名字") 删除指定的样式。 不传参，删除所有的样式。
	 * JQuery对象.toggleClass("class类的名字") 切换样式。 判断，如果有则删除，没有则创建
	 */

14_JQuery_DOM操作_属性操作_CRUD操作1
对象1.append(对象2) 什么意思？
把对象2添加到对象1的内部，并且是最后一个元素
对象1.prepend(对象2) 什么意思？
把对象2添加到对象1的内部，并且是第一个元素
对象1.appendTo(对象2) 什么意思？
把对象1添加到对象2的内部，并且是最后一个元素
对象1.prependTo(对象2) 什么意思？
把对象1添加到对象2的内部，并且是第一个元素

对象1.after(对象2) 什么意思？
	把对象2添加到对象1的后面
对象1.before(对象2) 什么意思？
	把对象2添加到对象1的前面
	
对象1.insertAfter(对象2) 什么意思？
	把对象1添加到对象2的后面
对象1.insertBefore(对象2) 什么意思？
	把对象1添加到对象2的前面

15_JQuery_DOM操作_属性操作_CRUD操作2
对象1.remove() 什么意思？
把对象1干掉
对象1.empty() 什么意思？
把对象1的后代们干掉；

16_JQuery_案例_隔行换色
如何选中行号为奇数并且行号大于0的 tr？
$(“tr:gt(1):odd”)

17_JQuery_案例_全选全不选
$(".itemSelect").prop(“checked”,obj.checked); // 思路，其他的所有的tr ，设置他们的属性checked属性，属性和当前对象的一样。

18_JQuery_案例_qq表情选择

$(function () {
    $("ul img").click(function () {
        $(this).clone().appendTo($(".word"));
    });
})

this是js对象还是jQuery对象
	是js对象
如何能复制一个元素？
	jQuery对象.clone()

19_JQuery_案例_下拉列表选中条目左右移动

	
$(function () {
   $("#toRight").click(function () {
      $("select>option:checked").appendTo($("#rightName"));
   })
   $("#toLeft").click(function () {
      $("select>option:checked").appendTo($("#leftName"));
   })
})