JS知识点

<tr class="li1">
<td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199

、动态创建节点 ? 变量 ?document.标签名 document..变量 ? 如果要创建的节点是script标签（也就是要动态加载JS文件），则有两种方法，一种是可以用jq的$.js文件来动态加载JS文件，但这种方法加载的JS无法缓存；另一种是利用原生的JS语法，代码如下图所示： ? ? 、给标签绑定事件 标签绑定事件的常规写法是 $选择器.事件响应函数。 例如 $‘form’. ? ? ? ? 以上写法只能给静态的From标签绑定一个提交事件，对于用JS动态创建的form标签，是没有效果的。 $document.事件 ?选择器 ? ?回调函数例如 $document.‘submit’ ?‘form’ ? ? ? ? ? ? ? 、jQuery. 语法：jQuery.json1 ?json2 功能：用json2当中的值覆盖json1中的相同下标的值，如果有新下标的成员，新成员就追加 例如： ?json1 name‘laolin’ ?mobile ? ?res jQuery.json1 ?name’xiaozhao’ ?age ? alertres ? ? ? 、jQuery表单对象. 将表单对象中的所有域序列化为字符串 ? ? 运行效果 ： ? ? 、ajax回调数据中的JS 知识点：如果用AJAX发出请求后，回调数据中有包含javascript代码，那么这些javascript代码会自动执行的。 ? 、js变量常用规范 定义变量时，如果存储的是JQ对象，要尽量以$号开头， 其他对象（DOM对象，普通字符串，数组…..）以普通单词字符组成即可 ? ? 、JQ与DOM ? DOM ? ?jq ? ? ?$DOM 转为JQ对象 JQ ? DOM ? ? ?$‘#id’ ?转为DOM对象 ? ? document. 返回的是DOM对象 也是DOM对象 ? 对象不同，能调用的方法也不一样，不要混着用！！！ document.. ? $（obj）. ‘……’ ? jq的口号是 ?write ? less ? ? ? more ? 一般来说，同样的功能，JQ的写法会比原生JS的写法要简短得多，但有时也有特殊的，比如下面这段代码： ? ? ? 、普通属性与对象属性 html标签对象有两种属性， 普通属性 ? ? ? ? ? ?一定要有属性名和值 对象属性property ? 可以没有值，如果要写值，值也只能写跟属性名相同；例如checked ?selected ? readonly ? disabled ? 在JQ中，设置或读取普通属性，用attr 设置或读取对象属性，要用prop，而且对象属性的值只能是布尔型 ? ? ? ? ? ? 、val $（输入框）. ? 读取该输入框的值 $（输入框）.值 ? 给该输入框设置值 ? $（单选按钮）.指定值 ? 将值为指定值的单选按钮设置为选中状态 ? $（复选按钮）.值 ?值 ? 将值为值和值的复选按钮设置为选中状态 ? $（下拉菜单）.指定值 ? 将值为指定值的option设置为选中状态 ? ? ? 、事件绑定与执行 绑定事件：$对象 . 事件名响应函数 ? 执行事件： 方式一：人工执行 （例如用鼠标去点击，用键盘去输入……） 方式二：用JS代码直接执行 ? $对象 . 事件名 ? ? ? ? 、JQ的链式操作 链式操作是JQ的一大特色 $DOM对象.方法.方法……….. 例如 $‘#box’ .‘cur’ .‘color’ ‘red’ .‘li’ .‘测试’ ? 注意：在链式操作的过程中，要注意当前操作对象的类型和转移 ? 链式操作的前提是 .方法 ?的左边必须是一个JQ对象，因为只有JQ对象才能继续执行后面的 ?方法 ? 例如 $‘#box’ .‘cur’ ? ? .‘color’ ‘red’ ? ? .‘ok’ ? ? ? ? 以上代码都可正常运行 假如代码如下： $‘#box’ .‘cur’ ? ? .‘color’ ? ? .‘ok’ ? ? ? ? ? 有需要返回值或内容的方法，都不会再返回JQ对象 . . .‘属性名’ .‘属性名’ ? ? 转移 div id”box” <span ”ok”spandiv script $‘#box’.‘textalign’ ‘right’ .‘span’.‘test’ . ? ? .‘ok’ script ? ? ? ? ? ? 、JQ的容错 div id”box”div div id”box2”div ? 就算以上box这个 div被删除了，以下JQ语句也不会报错。 $‘#box’ . .‘span’ .‘’ ‘’ . ? JQ的容错性会给JS调试带来一定的不方便，最直接又有效的调试方法就是用 alertJQ对象. 看能否获取得到对象 ? ? ? 、DOM对象的复制 先把DOM对象转成JQ对象 然后再执行 JQ对象. ? ? ? ? ? ? 、兄弟节点 JQ对象.可以获取下一个相邻节点 a id”fst”a input id”sec” a id”thd”a script $‘#fst’. ? script ? JQ对象.可以获取上一个相邻节点 a id”fst”a input id”sec” a id”thd”a script $‘#thd’. ? script ? JQ对象. 可以获取所有兄弟节点（也就是同一父节点下的所有同级节点） a id”fst”a input id”sec” a id”thd”a a id””a script $‘#sec’. ? script ? ?（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

<table class="javascript">