Js/JQuery常用
Js/Jq Ajax请求
// JQuery $.ajax({ type: 'POST', url: 'http://***', contentType: 'application/json', data: JSON.stringify(json), dataType: 'json', success: function (data) { } });
// JavaScriptvar ajax = new XMLHttpRequest();
ajax.onreadystatechange = function () {
if (ajax.readyState == 4 && ajax.status == 200) {
}
}
ajax.setRequestHeader('Content-Type', 'application/json');
ajax.open('POST', 'http://***');
ajax.send(JSON.stringify(json));
不可设置的请求头
-
Accept-Charset
-
Accept-Encoding
-
Access-Control-Request-Headers
-
Access-Control-Request-Method
-
Connection
-
Content-Length
-
Cookie
-
Cookie2
-
Date
-
DNT
-
Expect
-
Host
-
Keep-Alive
-
Origin
-
Referer
-
TE
-
Trailer
-
Transfer-Encoding
-
Upgrade
-
User-Agent
-
Ajax请求Content-Type属性值
- text/html : HTML格式
- text/plain :纯文本格式
- text/xml : XML格式
- image/gif :gif图片格式
- image/jpeg :jpg图片格式
- image/png:png图片格式
以application开头的媒体格式类型: - application/xhtml+xml :XHTML格式
- application/xml : XML数据格式
- application/atom+xml :Atom XML聚合格式
- application/json : JSON数据格式
- application/pdf :pdf格式
- application/msword : Word文档格式
- application/octet-stream : 二进制流数据(如常见的文件下载)
- application/x-www-form-urlencoded :
Jq选择器
| 实例 | 选取 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| $("*") | 所有元素 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| $("#lastname") | id="lastname" 的元素 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| $(".intro") | 所有 class="intro" 的元素 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| $("p") | 所有 元素 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| .class.class | $(".intro.demo") | 所有 class="intro" 且 class="demo" 的元素 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| $("p:first") | 第一个 元素 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| $("p:last") | 最后一个 元素 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| $("tr:even") | 所有偶数 |
| $("tr:odd") |
所有奇数 | |
|
|
| $("ul li:eq(3)") |
列表中的第四个元素(index 从 0 开始) |
| $("ul li:gt(3)") |
列出 index 大于 3 的元素 |
| $("ul li:lt(3)") |
列出 index 小于 3 的元素 |
:not(selector) |
$("input:not(:empty)") |
所有不为空的 input 元素 |
|
|
|
| $(":header") |
所有标题元素 - |
| |
所有动画元素 |
|
|
|
| $(":contains('W3School')") |
包含指定字符串的所有元素 |
| $(":empty") |
无子(元素)节点的所有元素 |
:hidden |
$("p:hidden") |
所有隐藏的 元素 |
| $("table:visible") |
所有可见的表格 |
|
|
|
s1,s2,s3 |
$("th, #id, .intro") |
所有带有匹配选择的元素 |
|
|
|
[ |
$("[href]") |
所有带有 href 属性的元素 |
[ |
$("[href='#']") |
所有 href 属性的值等于 "#" 的元素 |
[ |
$("[href!='#']") |
所有 href 属性的值不等于 "#" 的元素 |
[ |
$("[href$='.jpg']") |
所有 href 属性的值包含以 ".jpg" 结尾的元素 |
|
|
|
| $(":input") |
所有 元素 |
| $(":text") |
所有 type="text" 的 元素 |
| $(":password") |
所有 type="password" 的 元素 |
| $(":radio") |
所有 type="radio" 的 元素 |
| $(":checkbox") |
所有 type="checkbox" 的 元素 |
| $(":submit") |
所有 type="submit" 的 元素 |
| $(":reset") |
所有 type="reset" 的 元素 |
| $(":button") |
所有 type="button" 的 元素 |
| $(":image") |
所有 type="image" 的 元素 |
| $(":file") |
所有 type="file" 的 元素 |
|
|
|
| $(":enabled") |
所有激活的 input 元素 |
| $(":disabled") |
所有禁用的 input 元素 |
| $(":selected") |
所有被选取的 input 元素 |
| $(":checked") |
所有被选中的 input 元素 |
|