jQuery

疾速、简约的JavaScript框架，设想主旨：write Less, Do More。
作用：简化原生js的语法，处置惩罚浏览器兼容性问题。

引入jQuery
能够直接引入在线地点，也能够在jQuery官方网站上下载，然后运用src属性引入：

<script src="jquery-3.3.1.js"></script>

基本语法：$(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()：设置或返回所选元素的宽度