Jquery 选择器使用

选中所有元素

All Selector ("*")
$("*")

9 mins

选择指定属性值等于给定字符串或以该字符串为前缀（该字符串后跟一个连字符“-” ）的元素。

$('a[hreflang|="en"]')
Some text Some other text will not be outlined

9 mins

选择指定属性具有包含一个给定的子字符串的元素。（选择给定的属性是以包含某些值的元素）

$('input[name*="man"]')

9 mins

选择指定属性是给定值的元素。

$('input[value="milkman"]')

9 mins

选择所有按钮元素和类型为按钮的元素

$(":button")

9 mins

选择所有指定“parent”元素中指定的"child"的直接子元素。

$("ul.topnav > li")
  • Item 1
  • Item 2
    • Nested item 1
    • Nested item 2
    • Nested item 3
  • Item 3

9 mins

选择给定的祖先元素的所有后代元素。

$("form input")
Form is surrounded by the green outline

9 mins

在匹配的集合中选择索引值为index的元素。

$("td:eq(2)")
TD #0TD #1TD #2
TD #3TD #4TD #5
TD #6TD #7TD #8

9 mins

将每一个选择器匹配到的元素合并后一起返回。

$("div[class='title'],span#word,p.myClass")
class div

p class="myClass"

p class="notMyClass"

span

9 mins

作业：选中表格中的特定元素？

# First Last Handle 测试
1 Mark Otto @mdo
2
3

9 mins

DOM 属性读取和赋值

为每个匹配的元素添加指定的样式类名。

$("#badge").addClass("badge badge-secondary");
$("#badge").removeClass("badge badge-secondary");
Primary Secondary Success Danger

9 mins
...

获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性。

.attr( attributeName, value )
.attr( attributes )

9 mins

获取集合中第一个匹配元素的HTML内容 或 设置每一个匹配元素的html内容。

.html()
.html( htmlString )

9 mins

获取匹配的元素集合中第一个元素的当前值或设置匹配的元素集合中每个元素的值。。

.val()
.val( value )

9 mins

将用作提交的表单元素的值编译成拥有name和value对象组成的数组

.serializeArray()
.serializeJSON()

9 mins

作业：对表单完成重置，保存，加载操作

9 mins

Jquery ajax

执行一个异步的HTTP（Ajax）的请求。

.ajax( url [, settings ] )

9 mins

ajax 快捷方法

.get( url [, data ] [, success(data, textStatus, jqXHR) ] [, dataType ] )
.getJSON( url [, data ] [, success(data, textStatus, jqXHR) ] )
.post( url [, data ] [, success(data, textStatus, jqXHR) ] [, dataType ] )
.load( url [, data ] [, complete(responseText, textStatus, XMLHttpRequest) ] )

9 mins

作业：通过get获取数据并加载到form中再次单击post发送数据到服务端

9 mins