{"id":3001,"date":"2016-01-14T14:19:07","date_gmt":"2016-01-14T06:19:07","guid":{"rendered":"https:\/\/www.ecjtu.com\/keith\/archives\/3001"},"modified":"2016-01-14T14:19:07","modified_gmt":"2016-01-14T06:19:07","slug":"jquery%e6%80%bb%e7%bb%93%e4%ba%8c%ef%bc%9adom%e9%81%8d%e5%8e%86%e5%92%8c%e4%ba%8b%e4%bb%b6%e5%a4%84%e7%90%86","status":"publish","type":"post","link":"https:\/\/www.ecjtu.com\/keith\/archives\/3001","title":{"rendered":"JQuery\u603b\u7ed3\u4e8c\uff1aDOM\u904d\u5386\u548c\u4e8b\u4ef6\u5904\u7406"},"content":{"rendered":"<h3 id=\"1\u7b5b\u9009\u5143\u7d20\" data-anchor-id=\"q0ry\">1.\u7b5b\u9009\u5143\u7d20<\/h3>\n<table class=\"table table-striped-white table-bordered\" data-anchor-id=\"ncec\">\n<thead>\n<tr>\n<th>\u65b9\u6cd5<\/th>\n<th>\u8fd4\u56de\u7684\u5143\u7d20<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>.filter(selector)<\/td>\n<td>\u4e0eselector\u5339\u914d\u7684\u5143\u7d20<\/td>\n<\/tr>\n<tr>\n<td>.filter(callbaxk)<\/td>\n<td>callback\u4e2d\u8fd4\u56detrue\u7684\u5143\u7d20<\/td>\n<\/tr>\n<tr>\n<td>.eq(index)<\/td>\n<td>\u4ece0\u5f00\u59cb\u8ba1\u6570\u7684\u7b2cindex\u4e2a\u9009\u4e2d\u5143\u7d20<\/td>\n<\/tr>\n<tr>\n<td>.first()<\/td>\n<td>\u9009\u4e2d\u5143\u7d20\u4e2d\u7684\u7b2c\u4e00\u4e2a\u5143\u7d20<\/td>\n<\/tr>\n<tr>\n<td>.last()<\/td>\n<td>\u9009\u4e2d\u5143\u7d20\u7684\u6700\u540e\u4e00\u4e2a\u5143\u7d20<\/td>\n<\/tr>\n<tr>\n<td>.slice(start[,end])<\/td>\n<td>\u4ece0\u5f00\u59cb\u8ba1\u6570\u7684\u7ed9\u5b9a\u8303\u56f4\u5185\u7684\u9009\u4e2d\u5143\u7d20<\/td>\n<\/tr>\n<tr>\n<td>.not(selector)<\/td>\n<td>\u4e0eselector\u4e0d\u5339\u914d\u7684\u5143\u7d20<\/td>\n<\/tr>\n<tr>\n<td>.has(selector)<\/td>\n<td>\u4e0eselector\u5339\u914d\u7684\u7684\u540e\u4ee3\u5143\u7d20<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"md-section-divider\"><\/div>\n<h3 id=\"2\u540e\u4ee3\u5143\u7d20\" data-anchor-id=\"7yzd\">2.\u540e\u4ee3\u5143\u7d20<\/h3>\n<table class=\"table table-striped-white table-bordered\" data-anchor-id=\"bl26\">\n<thead>\n<tr>\n<th>\u65b9\u6cd5<\/th>\n<th>\u8fd4\u56de\u7684\u5143\u7d20<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>.find(selector)<\/td>\n<td>\u4e0eselector\u5339\u914d\u7684\u540e\u4ee3\u5143\u7d20<\/td>\n<\/tr>\n<tr>\n<td>.contents()<\/td>\n<td>\u5b50\u8282\u70b9\uff08\u5305\u62ec\u6587\u672c\u8282\u70b9\uff09<\/td>\n<\/tr>\n<tr>\n<td>.children([selector])<\/td>\n<td>\u5b50\u8282\u70b9\uff0c\u53ef\u4f20\u5165selector\u8fdb\u884c\u7b5b\u9009<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"md-section-divider\"><\/div>\n<h3 id=\"3\u540c\u8f88\u5143\u7d20\" data-anchor-id=\"6ze7\">3.\u540c\u8f88\u5143\u7d20<\/h3>\n<table class=\"table table-striped-white table-bordered\" data-anchor-id=\"dpg1\">\n<thead>\n<tr>\n<th>\u65b9\u6cd5<\/th>\n<th>\u8fd4\u56de\u7684\u5143\u7d20<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>.next([selector])<\/td>\n<td>\u6bcf\u4e2a\u9009\u4e2d\u5143\u7d20\u7d27\u90bb\u7684\u4e0b\u4e00\u4e2a\u5143\u7d20\uff0c\u53ef\u4f20\u5165selector\u8fdb\u884c\u7b5b\u9009<\/td>\n<\/tr>\n<tr>\n<td>.nextAll([selector])<\/td>\n<td>\u6bcf\u4e2a\u9009\u4e2d\u5143\u7d20\u540e\u7684\u6240\u6709\u540c\u8f88\u5143\u7d20\uff0c\u53ef\u4f20\u5165selector\u8fdb\u884c\u7b5b\u9009<\/td>\n<\/tr>\n<tr>\n<td>.nextUntil([selector],[filter])<\/td>\n<td>\u6bcf\u4e2a\u9009\u4e2d\u5143\u7d20\u4e4b\u540e\u3001\u76f4\u81f3\u4f46\u4e0d\u5305\u542b\u7b2c\u4e00\u4e2a\u548cselector\u5339\u914d\u7684\u5143\u7d20\uff0c\u53ef\u4f20\u5165filter\u8fdb\u884c\u7b5b\u9009<\/td>\n<\/tr>\n<tr>\n<td>.prev([selector])<\/td>\n<td>\u6bcf\u4e2a\u9009\u4e2d\u5143\u7d20\u7d27\u90bb\u7684\u4e0a\u4e00\u4e2a\u5143\u7d20\uff0c\u53ef\u4f20\u5165selector\u8fdb\u884c\u7b5b\u9009<\/td>\n<\/tr>\n<tr>\n<td>.prevAll([selector])<\/td>\n<td>\u6bcf\u4e2a\u9009\u4e2d\u5143\u7d20\u524d\u7684\u6240\u6709\u540c\u8f88\u5143\u7d20\uff0c\u53ef\u4f20\u5165selector\u8fdb\u884c\u7b5b\u9009<\/td>\n<\/tr>\n<tr>\n<td>.prevUntil([selector],[filter])<\/td>\n<td>\u6bcf\u4e2a\u9009\u4e2d\u5143\u7d20\u4e4b\u524d\u3001\u76f4\u81f3\u4f46\u4e0d\u5305\u542b\u7b2c\u4e00\u4e2a\u548cselector\u5339\u914d\u7684\u5143\u7d20\uff0c\u53ef\u4f20\u5165filter\u8fdb\u884c\u7b5b\u9009<\/td>\n<\/tr>\n<tr>\n<td>.siblings([selector])<\/td>\n<td>\u6240\u6709\u540c\u8f88\u5143\u7d20\uff0c\u53ef\u4f20\u5165selector\u8fdb\u884c\u7b5b\u9009<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"md-section-divider\"><\/div>\n<h3 id=\"4\u7956\u5148\u5143\u7d20\" data-anchor-id=\"jg2a\">4.\u7956\u5148\u5143\u7d20<\/h3>\n<table class=\"table table-striped-white table-bordered\" data-anchor-id=\"8rj4\">\n<thead>\n<tr>\n<th>\u65b9\u6cd5<\/th>\n<th>\u8fd4\u56de\u7684\u5143\u7d20<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>.parent([selector])<\/td>\n<td>\u6bcf\u4e2a\u9009\u4e2d\u5143\u7d20\u7684\u7236\u5143\u7d20\uff0c\u53ef\u4f20\u5165selector\u8fdb\u884c\u7b5b\u9009<\/td>\n<\/tr>\n<tr>\n<td>.parents([selector])<\/td>\n<td>\u6bcf\u4e2a\u9009\u4e2d\u5143\u7d20\u7684\u6240\u6709\u7956\u5148\u5143\u7d20\uff0c\u53ef\u4f20\u5165selector\u8fdb\u884c\u7b5b\u9009<\/td>\n<\/tr>\n<tr>\n<td>.parentsUntil([selector],[filter])<\/td>\n<td>\u6bcf\u4e2a\u9009\u4e2d\u5143\u7d20\u7684\u6240\u6709\u7956\u5148\u5143\u7d20\u3001\u76f4\u81f3\u4f46\u4e0d\u5305\u542b\u7b2c\u4e00\u4e2a\u548cselector\u5339\u914d\u7684\u5143\u7d20\uff0c\u53ef\u4f20\u5165filter\u8fdb\u884c\u7b5b\u9009<\/td>\n<\/tr>\n<tr>\n<td>.closest(selector)<\/td>\n<td>\u4e0eselector\u5339\u914d\u7684\u7b2c\u4e00\u4e2a\u5143\u7d20\uff0c\u4ece\u5143\u7d20\u81ea\u8eab\u5f00\u59cb\u6cbfDOM\u6570\u5411\u4e0a\u641c\u7d22\u7956\u5148\u5143\u7d20<\/td>\n<\/tr>\n<tr>\n<td>.offsetParent()<\/td>\n<td>\u9009\u4e2d\u5143\u7d20\u7684\u7b2c\u4e00\u4e2a\u88ab\u5b9a\u4e3a\u7684\u7236\u5143\u7d20(relative\u6216absolute)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"md-section-divider\"><\/div>\n<h3 id=\"5\u96c6\u5408\u64cd\u4f5c\" data-anchor-id=\"4nph\">5.\u96c6\u5408\u64cd\u4f5c<\/h3>\n<table class=\"table table-striped-white table-bordered\" data-anchor-id=\"4i57\">\n<thead>\n<tr>\n<th>\u65b9\u6cd5<\/th>\n<th>\u8bf4\u660e<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>.add([selector])<\/td>\n<td>\u5c06\u4e0eselector\u5339\u914d\u7684\u5143\u7d20\u6dfb\u52a0\u539f\u5bf9\u8c61\u96c6\u5408\u4e2d<\/td>\n<\/tr>\n<tr>\n<td>.addBack()<\/td>\n<td>\u9009\u4e2d\u7684\u5143\u7d20\u52a0\u4e0aJQuery\u5185\u90e8\u6808\u4e2d\u4e4b\u524d\u9009\u4e2d\u7684\u5143\u7d20<\/td>\n<\/tr>\n<tr>\n<td>.end()<\/td>\n<td>\u5185\u90e8JQuery\u6808\u4e2d\u4e4b\u524d\u9009\u4e2d\u7684\u5143\u7d20<\/td>\n<\/tr>\n<tr>\n<td>.map(callback)<\/td>\n<td>\u5bf9\u6bcf\u4e2a\u9009\u4e2d\u8c03\u7528\u56de\u8c03\u51fd\u6570callback\u4e4b\u540e\u7684\u7ed3\u679c<\/td>\n<\/tr>\n<tr>\n<td>.pushStack()<\/td>\n<td>\u6307\u5b9a\u7684\u5143\u7d20<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"md-section-divider\"><\/div>\n<h3 id=\"6\u64cd\u4f5c\u9009\u4e2d\u7684\u5143\u7d20\" data-anchor-id=\"hjmv\">6.\u64cd\u4f5c\u9009\u4e2d\u7684\u5143\u7d20<\/h3>\n<table class=\"table table-striped-white table-bordered\" data-anchor-id=\"6kut\">\n<thead>\n<tr>\n<th>\u65b9\u6cd5<\/th>\n<th>\u8bf4\u660e<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>.is(selector)<\/td>\n<td>\u786e\u5b9a\u5339\u914d\u7684\u5143\u7d20\u4e2d\u662f\u5426\u6709\u4f20\u5165\u7684\u4e0eselector\u5339\u914d\u7684\u5143\u7d20<\/td>\n<\/tr>\n<tr>\n<td>.index()<\/td>\n<td>\u53d6\u5f97\u5339\u914d\u5143\u7d20\u76f8\u5bf9\u5176\u540c\u8f88\u5143\u7d20\u7684\u7d22\u5f15<\/td>\n<\/tr>\n<tr>\n<td>.index(element)<\/td>\n<td>\u53d6\u5f97\u5339\u914d\u5143\u7d20\u4e2d\u4e0e\u6307\u5b9a\u5143\u7d20\u5bf9\u8c61\u7684DOM\u8282\u70b9\u7684\u7d22\u5f15<\/td>\n<\/tr>\n<tr>\n<td>$.contains(a,b)<\/td>\n<td>\u786e\u5b9aDOM\u8282\u70b9a\u662f\u5426\u5305\u542bDOM\u8282\u70b9b<\/td>\n<\/tr>\n<tr>\n<td>.each(callback)<\/td>\n<td>\u8fed\u4ee3\u5339\u914d\u5143\u7d20\uff0c\u5bf9\u6bcf\u4e2a\u5143\u7d20\u6267\u884ccallback<\/td>\n<\/tr>\n<tr>\n<td>.length<\/td>\n<td>\u53d6\u5f97\u5339\u914d\u5143\u7d20\u7684\u6570\u91cf<\/td>\n<\/tr>\n<tr>\n<td>.get()<\/td>\n<td>\u53d6\u5f97\u4e0e\u5339\u914d\u5143\u7d20\u5bf9\u5e94\u7684DOM\u8282\u70b9\u5217\u8868<\/td>\n<\/tr>\n<tr>\n<td>.get(index)<\/td>\n<td>\u53d6\u5f97\u5339\u914d\u5143\u7d20\u4e2d\u4e0e\u6307\u5b9a\u7d22\u5f15\u5bf9\u5e94\u7684DOM\u8282\u70b9<\/td>\n<\/tr>\n<tr>\n<td>.toArray()<\/td>\n<td>\u53d6\u5f97\u4e0e\u5339\u914d\u5143\u7d20\u5bf9\u5e94\u7684DOM\u8282\u70b9\u5217\u8868<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"md-section-divider\"><\/div>\n<h3 id=\"7\u4e8b\u4ef6\u7ed1\u5b9a\" data-anchor-id=\"s05u\">7.\u4e8b\u4ef6\u7ed1\u5b9a<\/h3>\n<table class=\"table table-striped-white table-bordered\" data-anchor-id=\"k9r3\">\n<thead>\n<tr>\n<th>\u65b9\u6cd5<\/th>\n<th>\u8bf4\u660e<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>.ready(handler)<\/td>\n<td>DOM\u548cCSS\u5b8c\u5168\u52a0\u8f7d\u540e\u4e4b\u95f4handler<\/td>\n<\/tr>\n<tr>\n<td>.on(type,[selector],[data],handler)<\/td>\n<td>\u7ed1\u5b9atype\u4e8b\u4ef6\uff0c\u5e76\u6307\u5b9a\u4e8b\u4ef6\u5904\u7406\u7a0b\u5e8fhandler;\u5982\u679c\u6307\u5b9aselector\u5219\u6267\u884c\u4e8b\u4ef6\u59d4\u6258<\/td>\n<\/tr>\n<tr>\n<td>.on(events,[selector],[data])<\/td>\n<td>\u6839\u636eevents\u5bf9\u8c61\u7684\u4e8b\u4ef6\u7ed1\u5b9a\u591a\u4e2a\u4e8b\u4ef6\u5904\u7406\u7a0b\u5e8f<\/td>\n<\/tr>\n<tr>\n<td>.off(type,[selector],handler)<\/td>\n<td>\u89e3\u9664on\u7ed9\u5143\u7d20\u7ed1\u5b9a\u7684\u4e8b\u4ef6\u5904\u7406\u7a0b\u5e8f<\/td>\n<\/tr>\n<tr>\n<td>.bind(type,[data],handler)<\/td>\n<td>\u7ed1\u5b9atype\u4e8b\u4ef6\uff0c\u5e76\u6307\u5b9a\u4e8b\u4ef6\u5904\u7406\u7a0b\u5e8fhandler<\/td>\n<\/tr>\n<tr>\n<td>.one(type,[data],handler)<\/td>\n<td>\u7ed1\u5b9atype\u4e8b\u4ef6\uff0c\u5e76\u6307\u5b9a\u4e8b\u4ef6\u5904\u7406\u7a0b\u5e8fhandler,handler\u88ab\u8c03\u7528\u540e\u7acb\u5373\u89e3\u9664\u7ed1\u5b9a<\/td>\n<\/tr>\n<tr>\n<td>.unbind([type],[handler])<\/td>\n<td>\u89e3\u9664bind\u7ed9\u5143\u7d20\u7ed1\u5b9a\u7684\u6307\u5b9a\u4e8b\u4ef6\u5904\u7406\u7a0b\u5e8f(\u4e0d\u6307\u5b9a\u5219\u89e3\u9664\u6240\u6709\u6307\u5b9a)<\/td>\n<\/tr>\n<tr>\n<td>.delegate(selector,type,[data],handler)<\/td>\n<td>\u7ed9\u4e0eselector\u5339\u914d\u7684\u5143\u7d20\u7ed1\u5b9atype\u4e8b\u4ef6\uff0c\u5e76\u6307\u5b9a\u4e8b\u4ef6\u5904\u7406\u7a0b\u5e8fhandler<\/td>\n<\/tr>\n<tr>\n<td>.delegate(selector,handlers)<\/td>\n<td>\u7ed9\u4e0eselector\u5339\u914d\u7684\u5143\u7d20\u7ed1\u5b9atype\u4e8b\u4ef6\uff0c\u5e76\u6307\u5b9a\u4e8b\u4ef6\u5904\u7406\u7a0b\u5e8fhandlers<\/td>\n<\/tr>\n<tr>\n<td>.undelegate(selector,type,[handler])<\/td>\n<td>\u89e3\u9664delegate\u7ed9\u5143\u7d20\u7ed1\u5b9a\u7684\u6307\u5b9a\u4e8b\u4ef6\u5904\u7406\u7a0b\u5e8f<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"md-section-divider\"><\/div>\n<h3 id=\"8\u5176\u5b83\u65b9\u6cd5\" data-anchor-id=\"yz3t\">8.\u5176\u5b83\u65b9\u6cd5<\/h3>\n<table class=\"table table-striped-white table-bordered\" data-anchor-id=\"jhgb\">\n<thead>\n<tr>\n<th>\u65b9\u6cd5<\/th>\n<th>\u8bf4\u660e<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>.trigger(type,[data])<\/td>\n<td>\u89e6\u53d1\u5143\u7d20\u4e0a\u7684\u4e8b\u4ef6\u5e76\u6267\u884c\u4e8b\u4ef6\u7684\u9ed8\u8ba4\u64cd\u4f5c<\/td>\n<\/tr>\n<tr>\n<td>.triggerHandler(type,[data])<\/td>\n<td>\u89e6\u53d1\u5143\u7d20\u4e0a\u7684\u4e8b\u4ef6\uff0c\u4f46\u4e0d\u6267\u884c\u4e8b\u4ef6\u7684\u9ed8\u8ba4\u64cd\u4f5c<\/td>\n<\/tr>\n<tr>\n<td>$.proxy(fn,context)<\/td>\n<td>\u521b\u5efa\u4e00\u4e2a\u65b0\u7684\u5728\u6307\u5b9a\u4e0a\u4e0b\u6587\u4e2d\u6267\u884c\u7684\u51fd\u6570\u3002<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u6765\u6e90\uff1a<a title=\"\" href=\"http:\/\/www.ido321.com\/\" data-original-title=\"\">\u6de1\u5fd8~\u6d45\u601d<\/a> \u00bb <a title=\"\" href=\"http:\/\/www.ido321.com\/1607.html\" data-original-title=\"\">JQuery\u603b\u7ed3\u4e8c\uff1aDOM\u904d\u5386\u548c\u4e8b\u4ef6\u5904\u7406<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>1.\u7b5b\u9009\u5143\u7d20 \u65b9\u6cd5 \u8fd4\u56de\u7684\u5143\u7d20 .filter(selector) \u4e0eselector\u5339\u914d\u7684\u5143\u7d20 .filte [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[66],"tags":[67,923],"_links":{"self":[{"href":"https:\/\/www.ecjtu.com\/keith\/wp-json\/wp\/v2\/posts\/3001"}],"collection":[{"href":"https:\/\/www.ecjtu.com\/keith\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ecjtu.com\/keith\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ecjtu.com\/keith\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ecjtu.com\/keith\/wp-json\/wp\/v2\/comments?post=3001"}],"version-history":[{"count":1,"href":"https:\/\/www.ecjtu.com\/keith\/wp-json\/wp\/v2\/posts\/3001\/revisions"}],"predecessor-version":[{"id":3002,"href":"https:\/\/www.ecjtu.com\/keith\/wp-json\/wp\/v2\/posts\/3001\/revisions\/3002"}],"wp:attachment":[{"href":"https:\/\/www.ecjtu.com\/keith\/wp-json\/wp\/v2\/media?parent=3001"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ecjtu.com\/keith\/wp-json\/wp\/v2\/categories?post=3001"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ecjtu.com\/keith\/wp-json\/wp\/v2\/tags?post=3001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}