JQuery入門介紹

一 概述 # 1.JQuery是什麼？ JQuery是一個JavaScript函式庫，簡化了JS操作，擴充了JS功能。

2.分離原則 JQuery遵循導入與使用分離的原則，即使用一個 導入，另建一個&lt ;script>標籤使用。

3.基本語法 $(selector).action(); 取得HTML元素，對該元素執行指定的操作。

二選擇器 1.基本選擇器 同CSS選擇器相同， JQuery基本選擇器依據標籤、類別、id選擇HTML元素。

2.組合選擇器 #$(selector01,selector02,selectorN)：取得滿足任何一個條件的元素的集合。

$(selector01selecctor02)：取得同時滿足多個條件的元素。

$(selector01 selector02)：取得符合第一個條件的元素的子元素中滿足第二個條件的元素。

3.屬性選擇器 # 根據屬性選擇元素。

$("[attr]")：取得具有attr屬性的全部元素。

$("[attr='value']")：取得具有指定屬性值的全部元素。

$("[attr!='value']")：取得具有指定屬性且其值不等於指定值的全部元素。

$("[attr$='value']")：取得具有指定屬性且其值以指定值結尾的全部元素。

$("[attr^='value']")：取得具有指定屬性且其值以指定值開頭的全部元素。

4.$(this) # 通常用在方法內部,取得當前對象，即方法的調用者。

三元素運算 1.元素建立 $(" ") JQuery創建物件時使用的HTML標籤，可以只是標籤的開頭 ，也可以同時包含開頭與結尾 ，還可以 #包含詳情，如

content 不能够直接使用标签名创建对象，即$("tagName")不能创建对象，这一点不同于JavaScript。

不能够单独使用标签结束标识创建对象，即$(" ")不能创建对象。

2.获取内容 text()：设置或者返回所选元素的文本内容。

html()：设置或者返回所选元素的内容（包含HTML标签）。

val()：设置或者返回所选字段的值。

3.内部插入 append()：在结尾（后端）添加子元素。

prepend()：在开头（前端）添加子元素。

appendTo()：将操作对象作为子对象添加到参数对象结尾。

4.外部插入 before()：在前面添加兄弟元素。

after()：在后面添加兄弟素。

insertBefore()：在前面插入兄弟元素。

insertAfter()：在后面插入兄弟元素。

5.删除元素 remove()：删除自身及子元素。

empty()：删除子元素。

remove("根据基本选择器选择指定元素")：删除基本选择器中指定元素。

6.获取子元素 children()：获取全部子元素。

children("基本组合选择器")：获取具有自定标签与指定属性的子元素。

7.筛选 如果一个选择器返回的结果不是一个对象，而是多个对象构成的集合，可以使用以下方法获取集合中的指定对象：

eq(index)：获取集合中指定索引位置的对象，索引从0开始。

filter(":even")：获取集合中所有索引为奇数的对象。

filter(":odd")：获取集合中所有索引为偶数的对象。

slice(index)：获取索引大于指定值的对象。

slice(0,index)：获取索引小于指定值的对象。

not(selector)：选择指定对象以外的全部对象。

四 属性操作 attr("attrName")：获取属性值。

attr("attrName","attrValue")：修改属性值。

removeAttr("atrrName")：删除属性。

五 常用操作 遍历对象：$.each(obj,function(i,n))，i是索引，n是当前遍历子对象。

获取单选按钮与复选框的选择状态：$(this).is(":checked")。

六 常用标签及其操作 1.select ⑴增加选项 $(selector).options[index]=new Option(name,value);//按照索引增加$(selector).add(option,before);//按照指定位置增加 ⑵删除选项 $(selector).length=0;//全部删除$(selector).remove(index);//按索引删除 ⑶option #option.index：設定與傳回index屬性值。

option.text：設定與傳回文字。

option.value：設定與返回value。

option.selected：設定與回傳選擇狀態，true/false。

JQuery入門介紹

一 概述

# 1.JQuery是什麼？

2.分離原則

一概述