jquery篇
jquery
快速、简洁的javascript框架，设计宗旨：write less, do more。
作用：简化原生js的语法，解决浏览器兼容性问题。
引入jquery
可以直接引入在线地址，也可以在jquery[官方网站][1]上下载，然后使用src属性引入：
[1]:
基础语法：$(selector).action()
-
$：jquery对象 -
selector：选择器，用于定位html元素 -
action()：方法，用于对元素进行操作
文档就绪函数
//html文档加载完成后，再开始执行该方法里面的函数
$(document).ready(function(){
//代码段
})
jquery选择器
jquery选择器相比原生javascript功能更加强大
元素选择器
-
$('#id')：id选择器，类似document.getelementbyid("#id") -
$('.class')：class选择器，类似document.getelementsbyclassname('.class') -
$('tag')：tag选择器，类似document.getelementsbytagname('tag') -
$('tag.class')：父子选择器
属性选择器
-
$("[attr]")：选取所有带有attr属性的元素 -
$("[attr='value']")选取所有带有attr属性并值为value的元素 -
$("[attr$='value']")选取所有带有attr属性并以value结尾的元素
jquery事件
事件方法会触发匹配元素的事件，或将函数绑定到所有匹配元素的某个事件。
常用事件：ready()：文档就绪事件，html加载完成后调用bind()：为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数focus()：当元素获得焦点的时候调用blur()：当元素失去焦点的时候调用change()：当元素的值发生改变时调用（仅仅适用于form表单中的text、field、select、textarea）click()：当点击元素的时候调用dblclick()：当双击元素的时候调用keydown()：当键盘按钮被按下时调用keyup()：当键盘按钮被松开时调用keypress()：当键盘按钮被按下时调用（必须插入字符才能被调用）mousedown()：当鼠标指针移动到元素上方，并按下鼠标按键时调用mouseup()：当在元素上放松鼠标按钮时调用，常与mousedown()一起使用mousemove()：当鼠标指针在指定元素上移动时调用submit()：当提交表单的时候调用
jquery是为处理html事件而特别设计的，当遵循以下原则时，代码会更容易维护：
- 把所有
jquery代码置于事件处理函数中 - 把所有事件处理函数置于文档就绪事件处理器中
- 把
jquery代码置于单独的.js文件中
关于dom
相比原生javascript，jquery拥有更为强大的可操作html元素和属性的方法。
查找html元素
$("#id")$(".class")$("tag")
对元素的操作
-
append()：在被选元素的结尾插入内容 -
prepend()：在被选元素的开头插入内容 -
after()：在被选元素之后插入内容 -
before()：在被选元素之前插入内容 -
remove()：删除被选元素（及其子元素） -
empty()：从被选元素中删除子元素
对属性的操作
-
attr()：设置或返回所选元素的属性和值 -
removeattr()：从所选元素中移除指定的属性 -
addclass()：为所选元素添加指定的类名 -
removeclass()：为所选元素删除全部或指定的类 -
hasclass()：判断所选元素是否拥有指定的类
对文本的操作
-
text()：设置或返回所选元素的文本内容 -
html()：设置或返回所选元素的内容（包括html标记） -
val()：设置或返回表单字段的值
对css的操作
-
css()：设置或返回所选元素的样式属性 -
height()：设置或返回所选元素的高度 -
width()：设置或返回所选元素的宽度