jQuey常用选择器（二）

wawlian — Fri, 17 Jun 2011 08:51:00 GMT

以下内容均是来自《锋利的jQuery》，发到�q�里�Q�纯属做个笔讎ͼ�方便查阅�?br />直接看代码：

1 DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
2         "http://www.w3.org/TR/html4/loose.dtd">
3 <html>
4 <head>
5     <title>title>
6     <script type="text/javascript" src="jquery-1.3.1.js">
7
8     script>
9
10     <script type="text/javascript">
11         $().ready(
12             function() {
13
14                 //表单对象属性过滤选择�?/span>
15                 //1改变表单内可用元素的�?/span>
16                 //$('#form1 input:enabled').val("�q�里变化�?);
17
18                 //2改变表单内不可用元素的�?/span>
19                 //$('#form1 input:disabled').val("�q�里变化�?);
20
21                 //3选取多选框中选中的个�?/span>
22                 //alert($('#form1 input:checked').length);
23
24                 //4选取下拉框中选中的内�?/span>
25                 alert($('#form1 select :selected').length);
26             }
27         );
28     script>
29 head>
30 <body>
31     <form action="" id="form1">
32         可用元素�Q?/span><input name="add" value="可用文本�?/><br/>
33         不可用元素：<input name="email" disabled="disabled" value="不可用文本框"/><br/>
34         可用元素�Q?/span><input name="che" value="可用文本�?/><br/>
35         不可用元素：<input name="name" disabled="disabled" value="不可用文本框"/><br/>
36
37         <br/>
38         多选框�Q?/span><br/>
39         <input type="checkbox" name="newsletter" checked="checked" value="test1"/>test1
40         <input type="checkbox" name="newsletter" value="test2"/>test2
41         <input type="checkbox" name="newsletter" value="test3"/>test3
42         <input type="checkbox" name="newsletter" checked="checked" value="test4"/>test4
43         <input type="checkbox" name="newsletter" value="test5"/>test5
44
45         <div>div>
46         <br/><br/>
47         下拉列表:<br/>
48         <select name="test" multiple="multiple" style="height:100px">
49             <option>��江option>
50             <option selected="selected">湖南option>
51             <option>北京option>
52             <option selected="selected">天��|option>
53             <option>�q�州option>
54             <option>湖北option>
55         select>
56
57         <br/><br/>
58         下拉列表2�Q?/span><br/>
59         <select name="test2">
60             <option>��江option>
61             <option>湖南option>
62             <option selected="selected">北京option>
63             <option>天��|option>
64             <option>�q�州option>
65             <option>湖北option>
66         select>
67
68         <div>div>
69     form>
70 body>
71 html>

wawlian 2011-06-17 16:51 发表评论

wawlian — Fri, 17 Jun 2011 08:11:00 GMT

摘要: 以下内容均是来自《锋利的jQuery》，发到�q�里�Q�纯属做个笔讎ͼ�方便查阅。直接看代码�Q�Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 1 阅读全文

wawlian 2011-06-17 16:11 发表评论

使用jQuery判断获取到的��面元素是否为空

wawlian — Mon, 10 Jan 2011 02:55:00 GMT

通过jQuery选择器获取到的永�q�是一个对象，几十��面上根本没有该元素。因此，如果要��用jQuery��查元素再�l�某个页面上是否存在的时候，不能使用以下代码�Q?br />

1if ($("#tt")) {
2 //do sth.
3}

而应该通过获取到的元素的长度来判断�Q�代码如下：

1if ($("#tt").lenght > 0) {
2 //do sth
3}

或者通过转换成JavaScript对象的方式来�q�行处理�Q?br />

1if ($("#tt")[0]) {
2 //do sth
3}

wawlian 2011-01-10 10:55 发表评论

亚洲欧洲日产国码高潮αv,亚洲精品无码不卡,亚洲AV日韩精品久久久久久久

jQuey常用选择器（二）

使用jQuery判断获取到的��面元素是否为空