重庆巴南网站制作,海口建设公司网站,网页版传奇游戏怎么制作,西安论坛#xff1a;first选择第一个元素。$#xff08;“div:first”#xff09;进行选择第一个div :last 选择最后一个最后一个元素 $#xff08;div:last#xff09;选取最后一个div [:not(选择器#xff09;] 选择不满足“选择器”条件的元素 $…first选择第一个元素。$“div:first”进行选择第一个div :last 选择最后一个最后一个元素 $div:last选取最后一个div [:not(选择器] 选择不满足“选择器”条件的元素 $(input:not(.myclass))选取样式名不是Myclass的input :even :odd 选取的索引数是奇数和偶数的元素。(把第零行看作第一行开始计算) $(input:even)选择索引是奇数的input :eq(索引序号)。 gt(索引序号) :lt(索引序号) 选取索引等于。 大于。小于索引序号的元素。比如 $(input:lt(1))选取索引小于1的input $(:header)选择所有的h1------h6的元素 $(div:animated)选择正在执行动画的div元素 1 !DOCTYPE html2 html xmlnshttp://www.w3.org/1999/xhtml3 head4 titleJQuery/title5 script srcjs/jquery-1.11.1.min.jstypetext/javascript/script6 script typetext/javascript7 $(function () {$(#change).click(function(){8 $(#table1 td:even).css(background, red);9 $(#table1 td:odd).css(background, gray);
10 $(#table1 td:first).css(font-size, 50px).css(background,yellow);
11 $(#table1 td:gt(0):lt(3)).css(font-size,30px);
12 })
13 }
14 )
15 /script
16 /head
17 body bgcolorblue
18 table idtable1
19 tr
20 tdfirstline/td
21 /tr
22 tr
23 tdsecondline/td
24 /tr
25 tr
26 tdthirdline/td
27 /tr
28 tr
29 tdfourthline/td
30 /tr
31 tr
32 tdfifthline/td
33 /tr
34 tr
35 tdsixthline/td
36 /tr
37 tr
38 tdseventhline/td
39 /tr
40 tr
41 tdeightthline/td
42 /tr
43 tr
44 tdninthline/td
45 /tr
46 tr
47 tdtenthline/td
48 /tr
49 /table
50 input valuechangecolortypebuttonidchange οnclick/
51 /body
52 /html $(table).click(function(){$(td,$(this)).css(background,red)});用法 1 !DOCTYPE html2 html xmlnshttp://www.w3.org/1999/xhtml3 head4 titleJQuery/title5 script srcjs/jquery-1.11.1.min.jstypetext/javascript/script6 script typetext/javascript7 $(function(){($(table).click(8 function () { $(tr, $(this)).css(background, white); }))9 })
10 //this 传递的是相对自己的对象的意思。就是只在被点击的这个对象里的标签上改变颜色
11 /script
12 /head
13 body bgcolorblue
14 table idtable1
15
16 /tr
17 tr
18 tdsixthline/td
19 /tr
20 tr
21 tdseventhline/td
22 /tr
23 tr
24 tdeightthline/td
25 /tr
26 tr
27 tdninthline/td
28 /tr
29 tr
30 tdtenthline/td
31 /tr
32 /table
33 table idtable2
34 tr
35 tdfirstline/td
36 /tr
37 tr
38 tdsecondline/td
39 /tr
40 tr
41 tdthirdline/td
42 /tr
43 tr
44 tdfourthline/td
45 /tr
46 tr
47 tdfifthline/td
48 /tr
49
50 /table
51 input valuechangecolor typebutton idchange οnclick /
52 /body
53 /html $(div[id]) 选取有id属性的div $(div[titletest) 选取titletest的div $(div[title!test])选取title属性不为test的div $(#form1:disabled)//获得表单中所有未启用的控件 $(#form2:enabled)获得表单中所有启用的控件 #(input:checked)input中所有被选中的属性 1 !DOCTYPE html2 html xmlnshttp://www.w3.org/1999/xhtml3 head4 titleJQuery/title5 script srcjs/jquery-1.11.1.min.jstypetext/javascript/script6 script typetext/javascript7 $(function () {8 $(#selectall).click(function () {9 var elements $(input[typecheckbox]);
10 for (var i 0; i elements.length; i)
11 elements[i].checked true;
12 })
13 })
14 $(function () {
15 $(#reverse).click(
16 function () {
17 var elements $(input[typecheckbox]);
18 for (var i 0; i elements.length; i) {
19 if (elements[i].checked false)
20 elements[i].checked true;
21 else elements[i].checked false;
22 }
23
24 });
25 })
26 /script
27 /head
28 body bgcolorblue
29 input typecheckboxabr/
30 input typecheckboxbbr /
31 input typecheckboxcbr /
32 input typecheckboxdbr /
33 input typecheckboxebr /
34 input typecheckboxfbr /
35 input typecheckboxgbr /
36 input typebuttonidselectall value全选/
37 input typebuttonidreverse value反选 /
38
39 /body
40 /html 1 !DOCTYPE html2 html xmlnshttp://www.w3.org/1999/xhtml3 head4 titleJQuery/title5 script srcjs/jquery-1.11.1.min.jstypetext/javascript/script6 script typetext/javascript7 $(function () {8 $(input).change(function () {9 var namesnew Array();
10 $(input:checked).each(function(key,value){names[key]$(value).val();});
11 $(#msgname).text(一共选中了names.length项,names.join(.));
12 });
13 })
14 $(function () {
15 var link $(a hrefhttp//:www.qq.com百度/a);
16 $(div:first).append(link);
17 })
18 $(function () {
19 var data {新浪:http://www.xinlang.com,
20 腾讯:http://www.qq.com,网易:http://www.163.com
21 ,淘宝:http://www.taobao.com};
22 $.each(data,function(key,value){
23 var tr $(tda href value key /a/td);
24 $(#tablesite).append(tr);
25 });
26 })
27 /script
28 /head
29 body bgcolorblue
30 input typecheckboxvalueaabr/
31 input typecheckboxvaluebbbr /
32 input typecheckboxvalueccbr /
33 input typecheckboxvalueddbr /
34 input typecheckboxvalueeebr /
35 input typecheckboxvalueffbr /
36 input typecheckboxvalueggbr /
37 p idmsgname/p
38 div/div
39 table idtablesite
40
41 /table
42 /body
43 /html 转载于:https://www.cnblogs.com/sytu/p/4101135.html
