Introduction to JQuery

1 Overview 1. What is JQuery? JQuery is a JavaScript library that simplifies JS operations and extends JS functions.

2. Separation principle JQuery follows the principle of separation of import and use, that is, use one to import and create another &lt ;script> tag is used.

3. Basic syntax $(selector).action(); Get the HTML element and perform the specified operation on the element.

Second selector 1. Basic selector is the same as CSS selector. JQuery basic selector selects HTML elements based on tag, category, and id.

2. Combined selector $(selector01,selector02,selectorN): Get the items that meet any condition A collection of elements.

$(selector01selector02): Get elements that meet multiple conditions at the same time.

$(selector01 selector02): Get the elements that satisfy the second condition among the child elements of the element that satisfies the first condition.

3. Attribute selector Select elements based on attributes.

$("[attr]"): Get all elements with attr attribute.

$("[attr='value']"): Get all elements with the specified attribute value.

$("[attr!='value']"): Get all elements with the specified attribute and whose value is not equal to the specified value.

$("[attr$='value']"): Get all elements with the specified attribute and whose value ends with the specified value.

$("[attr^='value']"): Get all elements with the specified attribute and whose value starts with the specified value.

4.$(this) is usually used inside a method to obtain the current object, that is, the method call By.

Three element operations 1. Element creation $(" ") The HTML tag used by JQuery when creating an object can be just the beginning of the tag, or it can include both the beginning and end , or it can also include details, such as

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: Set and return the index attribute value.

option.text: Set and return text.

option.value: Set and return value.

option.selected: Set and return the selection status, true/false.