JQuery_1

1.概念：一个JavaScript框架。简化js开发
JavaScript框架：本质上就是一些js文件，封装了js的原生代码。
2.快速入门：
1.步骤
1.下载JQuery
jquery.xxx.jsp与jquery.xxx.min.jsp区别：
jquery.xxx.jsp：给程序员看的，开发版本，体积更大一些，有良好的缩进跟注释。
jquery.xxx.min.jsp：生产版本，程序中使用，体积小，没有缩进跟注释。
2.导入JQuery的js文件
3.使用
3.JQuery与js的区别和转换：
1.JQuery对象在操作时，更加方便
2.JQuert的方法和js的方法是不通用的
3.两者相互转换
jq-->js:jq对象[索引]或者jq对象.get(索引)
js-->jq:$(js对象)
4.选择器：筛选具有相同特征的元素
1.基本语法学习
1.事件绑定
2.入口函数
3.样式控制

div1....

div2....

2.分类： 1基本选择器 1.标签选择器（元素选择器） $("div").css 2.id选择器 $("#one").css 3.类选择器 $(".mini").css 4.并集选择器 $("#one,div,.mini").css 2.层级选择器 1.后代选择器 $("A B")选择A元素内部所有B元素 2.子选择器 $("A > B")选择A元素内部所有B子元素 3.属性选择器 1.属性名称选择器 $("div[title]").css 2.属性选择器(带有值) $("div[title='test']").css：属性为title，值为test $("div[title！='test']").css：属性没有title或者有title但是值不等于test $("div[title！^='te']").css：属性为title，以te开头的 $("div[title $='st']").css：属性为title，以st结尾的 $("div[title *='es']").css：属性为title，其中包含es的 3.复合属性选择器 $("div[id][title *='es']").css：属性为id和title属性包含es的 4.过滤选择器 1.首元素选择器 $("div:first").css:第一次标签为div的 2.尾元素选择器 $("div:last").css:最后一个 3.非元素选择器 $("div:not(.one)").css:div标签中属性不为one的 4.偶数选择器 $("div:even").css:从0开始数，索引为偶数的 5.奇数选择器 $("div:odd").css:索引为奇数的 6.等于索引选择器 $("div:eq(3)").css:索引等于3 7.大于索引选择器 $("div:gt(3)").css:索引大于3 8.小于索引选择器 $("div:lt(3)").css:索引小于3 9.标题选择器 $(":header").css:标题（h1-h6）元素，固定写法 5.表单过滤选择器 1.可用选择器 $("input[type = 'text']:enable").val("aaa"):改变可输入框中值为aaa 2.不可用选择器 $("input[type = 'text'].disable").val("aaa"):改变不可输入框中值为aaa 3.选中选择器 $("input[type = 'checkbox']:check").length:多选框中选中的个数 $("#job>option:secleced").length:id为job的下拉菜单中选中的个数 *multiple：将下拉菜单可以变为多选 5.DOM操作： 1.内容操作: 1.html():获取/设置元素标签体内容（整个标签的内容 如:

aaaa

） 2.text():获取/设置元素标签体纯文本内容 3.val():获取/设置元素值 2.属性操作 1.通用属性操作 1.attr()：获取/设置元素的属性 $("#bj").attr("name") $("#bj").attr("name","dabeijing") $("#bj").attr("ccc","aaa"):新增ccc属性值为aaa 2.removeAttr()：删除元素的属性 $("#bj").removeAttr("name") 3.prop():获取/设置元素的属性 4.removeProp：删除元素的属性 *attr和prop的区别 如果操作元素的固有属性，建议使用prop 如果操作自定义的属性，建议使用attr 2.对class属性操作： 1.addClass：添加class属性 2.removeClass：删除class属性 3.toggleClass： toggleClass("one"): 判断如果元素上存在class="one"，则将属性one删除，如果不存在则添加

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后边，兄弟关系
6.before():
*对象1.after（对象2）：将对象2添加到对象1前边，兄弟关系
7.insertAfter():
**对象1.insertAfter（对象2）：将对象2添加到对象1后边，兄弟关系
8.insertBefore（）：
9.remove：移除元素
*对象.remove():将元素删除
10.empty：清空元素的后代元素
*对象.empty():清空元素的子元素，保留自身以及属性节点