{"id":2033,"date":"2022-12-02T23:24:10","date_gmt":"2022-12-02T15:24:10","guid":{"rendered":"https:\/\/qaqaq.top\/?p=2033"},"modified":"2022-12-19T20:30:54","modified_gmt":"2022-12-19T12:30:54","slug":"jquery-%e5%9f%ba%e7%a1%80%e9%80%89%e6%8b%a9%e5%99%a8%e3%80%81jquery-%e5%b1%82%e7%ba%a7%e9%80%89%e6%8b%a9%e5%99%a8%e3%80%81jquery-%e5%9f%ba%e6%9c%ac%e8%bf%87%e6%bb%a4%e9%80%89%e6%8b%a9%e5%99%a8","status":"publish","type":"post","link":"https:\/\/qaqaq.top\/?p=2033","title":{"rendered":"jQuery-\u57fa\u7840\u9009\u62e9\u5668\u3001\u5c42\u7ea7\u9009\u62e9\u5668\u3001\u57fa\u672c\u8fc7\u6ee4\u9009\u62e9\u5668\u3001\u5185\u5bb9\u8fc7\u6ee4\u9009\u62e9\u5668\u3001\u5c5e\u6027\u8fc7\u6ee4\u9009\u62e9\u5668\u3001\u8868\u5355\u8fc7\u6ee4\u9009\u62e9\u5668\u3001\u5143\u7d20\u7684\u7b5b\u9009"},"content":{"rendered":"\n

jQuery-\u57fa\u7840\u9009\u62e9\u5668<\/p>\n\n\n\n

<!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01\/\/EN\" \"http:\/\/www.w3.org\/TR\/html4\/strict.dtd\">\n<html>\n\t<head>\n\t\t<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\">\n\t\t<title>Untitled Document<\/title>\n\t\t<style type=\"text\/css\">\n\t\t\t\/*\n\t\t\t#ID \t\u9009\u62e9\u5668\uff1a\u6839\u636e id \u67e5\u627e\u6807\u7b7e\u5bf9\u8c61\n\t\t\t.class \t\u9009\u62e9\u5668\uff1a\u6839\u636e class \u67e5\u627e\u6807\u7b7e\u5bf9\u8c61\n\t\t\telement \u9009\u62e9\u5668\uff1a\u6839\u636e\u6807\u7b7e\u540d\u67e5\u627e\u6807\u7b7e\u5bf9\u8c61\n\t\t\t*\t\t\u9009\u62e9\u5668\uff1a\u8868\u793a\u4efb\u610f\u7684\uff0c\u6240\u6709\u7684\u5143\u7d20\n\t\t\tselector1\uff0cselector2 \u7ec4\u5408\u9009\u62e9\u5668\uff1a\u5408\u5e76\u9009\u62e9\u5668 1\uff0c\u9009\u62e9\u5668 2 \u7684\u7ed3\u679c\u5e76\u8fd4\u56de\n\n\t\t\tp.myClass\n\n\t\t\t\u8868\u793a\u6807\u7b7e\u540d\u5fc5\u987b\u662f p \u6807\u7b7e\uff0c\u800c\u4e14 class \u7c7b\u578b\u8fd8\u8981\u662f myClass\n\t\t\t *\/\n\n\t\t\tdiv, span, p {\n\t\t\t    width: 140px;\n\t\t\t    height: 140px;\n\t\t\t    margin: 5px;\n\t\t\t    background: #aaa;\n\t\t\t    border: #000 1px solid;\n\t\t\t    float: left;\n\t\t\t    font-size: 17px;\n\t\t\t    font-family: Verdana;\n\t\t\t}\n\t\t\t\n\t\t\tdiv.mini {\n\t\t\t    width: 55px;\n\t\t\t    height: 55px;\n\t\t\t    background-color: #aaa;\n\t\t\t    font-size: 12px;\n\t\t\t}\n\t\t\t\n\t\t\tdiv.hide {\n\t\t\t    display: none;\n\t\t\t}\n\t\t<\/style>\n\t\t<script type=\"text\/javascript\" src=\"..\/script\/jquery-1.7.2.js\"><\/script>\n\t\t<script type=\"text\/javascript\">\n\t\t\t\n\t\t\t\t$(function (){\n\t\t\t\t\t\/\/1.\u9009\u62e9 id \u4e3a one \u7684\u5143\u7d20 \"background-color\",\"#bbffaa\"\n\t\t\t\t\t$(\"#btn1\").click(function (){\n\t\t\t\t\t\t\/\/ alert(\"\u5355\u51fb\u4e8b\u4ef6\");\n\t\t\t\t\t\t\/\/ alert($(\"#one\"));\n\t\t\t\t\t\t\/\/ css() \u65b9\u6cd5 \u53ef\u4ee5\u8bbe\u7f6e\u548c\u83b7\u53d6\u6837\u5f0f\n\t\t\t\t\t\t$(\"#one\").css(\"background-color\",\"#bbffaa\");\n\t\t\t\t\t});\n\n\t\t\t\t\t\/\/2.\u9009\u62e9 class \u4e3a mini \u7684\u6240\u6709\u5143\u7d20\n\t\t\t\t\t$(\"#btn2\").click(function (){\n\t\t\t\t\t\t$(\".mini\").css(\"background-color\",\"#bbffaa\");\n\t\t\t\t\t})\n\n\t\t\t\t\t\/\/3.\u9009\u62e9 \u5143\u7d20\u540d\u662f div \u7684\u6240\u6709\u5143\u7d20\n\t\t\t\t\t$(\"#btn3\").click(function () {\n\t\t\t\t\t\t$(\"div\").css(\"background-color\",\"#bbffaa\");\n\t\t\t\t\t\t\n\t\t\t\t\t})\n\n\t\t\t\t\t\/\/4.\u9009\u62e9\u6240\u6709\u7684\u5143\u7d20\n\t\t\t\t\t$(\"#btn4\").click(function () {\n\t\t\t\t\t\t$(\"*\").css(\"background-color\",\"#bbffaa\");\n\n\t\t\t\t\t})\n\n\t\t\t\t\t\/\/5.\u9009\u62e9\u6240\u6709\u7684 span \u5143\u7d20\u548cid\u4e3atwo\u7684\u5143\u7d20\n\t\t\t\t\t$(\"#btn5\").click(function (){\n\t\t\t\t\t\t$(\"span,#two\").css(\"background-color\",\"#bbffaa\");\n\t\t\t\t\t})\n\t\t\t\t});\n\n\t\t<\/script>\n\t<\/head>\n\t<body>\n<!-- \t<div>\n\t\t<h1>\u57fa\u672c\u9009\u62e9\u5668<\/h1>\n\t<\/div>\t -->\t\n\t\t<input type=\"button\" value=\"\u9009\u62e9 id \u4e3a one \u7684\u5143\u7d20\" id=\"btn1\" \/>\n\t\t<input type=\"button\" value=\"\u9009\u62e9 class \u4e3a mini \u7684\u6240\u6709\u5143\u7d20\" id=\"btn2\" \/>\n\t\t<input type=\"button\" value=\"\u9009\u62e9 \u5143\u7d20\u540d\u662f div \u7684\u6240\u6709\u5143\u7d20\" id=\"btn3\" \/>\n\t\t<input type=\"button\" value=\"\u9009\u62e9 \u6240\u6709\u7684\u5143\u7d20\" id=\"btn4\" \/>\n\t\t<input type=\"button\" value=\"\u9009\u62e9 \u6240\u6709\u7684 span \u5143\u7d20\u548cid\u4e3atwo\u7684\u5143\u7d20\" id=\"btn5\" \/>\n\t\t\n\t\t<br>\n\t\t<div class=\"one\" id=\"one\">\n\t\t\tid \u4e3a one,class \u4e3a one \u7684div\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t<\/div>\n\t\t<div class=\"one\" id=\"two\" title=\"test\">\n\t\t\tid\u4e3atwo,class\u4e3aone,title\u4e3atest\u7684div\n\t\t\t<div class=\"mini\" title=\"other\">class\u4e3amini,title\u4e3aother<\/div>\n\t\t\t<div class=\"mini\" title=\"test\">class\u4e3amini,title\u4e3atest<\/div>\n\t\t<\/div>\n\t\t<div class=\"one\">\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\"><\/div>\n\t\t<\/div>\n\t\t<div class=\"one\">\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\" title=\"tesst\">class\u4e3amini,title\u4e3atesst<\/div>\n\t\t<\/div>\n\t\t<div style=\"display:none;\" class=\"none\">style\u7684display\u4e3a\"none\"\u7684div<\/div>\n\t\t<div class=\"hide\">class\u4e3a\"hide\"\u7684div<\/div>\n\t\t<div>\n\t\t\t\u5305\u542binput\u7684type\u4e3a\"hidden\"\u7684div<input type=\"hidden\" size=\"8\">\n\t\t<\/div>\n\t\t<span class=\"one\" id=\"span\">^^span\u5143\u7d20^^<\/span>\n\t<\/body>\n<\/html>\n\n<\/code><\/pre>\n\n\n\n
jQuery-\u5c42\u7ea7\u9009\u62e9\u5668<\/p>\n\n\n\n
<!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01\/\/EN\" \"http:\/\/www.w3.org\/TR\/html4\/strict.dtd\">\n<html>\n\t<head>\n\t\t<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\">\n\t\t<title>Untitled Document<\/title>\n\t\t<style type=\"text\/css\">\n\t\t\t\/*\n\t\t\tancestor descendant \u540e\u4ee3\u9009\u62e9\u5668 \uff1a\u5728\u7ed9\u5b9a\u7684\u7956\u5148\u5143\u7d20\u4e0b\u5339\u914d\u6240\u6709\u7684\u540e\u4ee3\u5143\u7d20\n\t\t\tparent > child\t\t\u5b50\u5143\u7d20\u9009\u62e9\u5668\uff1a\u5728\u7ed9\u5b9a\u7684\u7236\u5143\u7d20\u4e0b\u5339\u914d\u6240\u6709\u7684\u5b50\u5143\u7d20\n\t\t\tprev + next\t\t\t\u76f8\u90bb\u5143\u7d20\u9009\u62e9\u5668\uff1a\u5339\u914d\u6240\u6709\u7d27\u63a5\u5728 prev \u5143\u7d20\u540e\u7684 next \u5143\u7d20\n\t\t\tprev ~ sibings\t\t\u4e4b\u540e\u7684\u5144\u5f1f\u5143\u7d20\u9009\u62e9\u5668\uff1a\u5339\u914d prev \u5143\u7d20\u4e4b\u540e\u7684\u6240\u6709 siblings \u5143\u7d20\n\t\t\t *\/\n\n\t\t\tdiv, span, p {\n\t\t\t    width: 140px;\n\t\t\t    height: 140px;\n\t\t\t    margin: 5px;\n\t\t\t    background: #aaa;\n\t\t\t    border: #000 1px solid;\n\t\t\t    float: left;\n\t\t\t    font-size: 17px;\n\t\t\t    font-family: Verdana;\n\t\t\t}\n\t\t\t\n\t\t\tdiv.mini {\n\t\t\t    width: 55px;\n\t\t\t    height: 55px;\n\t\t\t    background-color: #aaa;\n\t\t\t    font-size: 12px;\n\t\t\t}\n\t\t\t\n\t\t\tdiv.hide {\n\t\t\t    display: none;\n\t\t\t}\t\t\t\n\t\t<\/style>\n\t\t<script type=\"text\/javascript\" src=\"..\/script\/jquery-1.7.2.js\"><\/script>\n\t\t<script type=\"text\/javascript\">\n\t\t\t$(document).ready(function(){ \/\/$(function () {}); \u7684\u5168\u5199\n\t\t\t\t\/\/1.\u9009\u62e9 body \u5185\u7684\u6240\u6709 div \u5143\u7d20 \n\t\t\t\t$(\"#btn1\").click(function(){\n\t\t\t\t\t$(\"body div\").css(\"background\", \"#bbffaa\");\n\t\t\t\t});\n\n\t\t\t\t\/\/2.\u5728 body \u5185, \u9009\u62e9div\u5b50\u5143\u7d20  \n\t\t\t\t$(\"#btn2\").click(function(){\n\t\t\t\t\t$(\"body > div\").css(\"background\", \"#bbffaa\");\n\t\t\t\t});\n\n\t\t\t\t\/\/3.\u9009\u62e9 id \u4e3a one \u7684\u4e0b\u4e00\u4e2a div \u5143\u7d20 \n\t\t\t\t$(\"#btn3\").click(function(){\n\t\t\t\t\t$(\"#one+div\").css(\"background\", \"#bbffaa\");\n\t\t\t\t});\n\n\t\t\t\t\/\/4.\u9009\u62e9 id \u4e3a two \u7684\u5143\u7d20\u540e\u9762\u7684\u6240\u6709 div \u5144\u5f1f\u5143\u7d20\n\t\t\t\t$(\"#btn4\").click(function(){\n\t\t\t\t\t$(\"#two~div\").css(\"background\", \"#bbffaa\");\n\t\t\t\t});\n\t\t\t});\n\t\t<\/script>\n\t<\/head>\n\t<body>\t\n\t\n<!-- \t<div>\n\t\t<h1>\u5c42\u7ea7\u9009\u62e9\u5668:\u6839\u636e\u5143\u7d20\u7684\u5c42\u7ea7\u5173\u7cfb\u9009\u62e9\u5143\u7d20<\/h1>\n\t\tancestor descendant  \uff1a\n\t\tparent > child \t\t   \uff1a\n\t\tprev + next \t\t   \uff1a\n\t\tprev ~ siblings \t   \uff1a\n\t<\/div>\t -->\n\t\t<input type=\"button\" value=\"\u9009\u62e9 body \u5185\u7684\u6240\u6709 div \u5143\u7d20\" id=\"btn1\" \/>\n\t\t<input type=\"button\" value=\"\u5728 body \u5185, \u9009\u62e9div\u5b50\u5143\u7d20\" id=\"btn2\" \/>\n\t\t<input type=\"button\" value=\"\u9009\u62e9 id \u4e3a one \u7684\u4e0b\u4e00\u4e2a div \u5143\u7d20\" id=\"btn3\" \/>\n\t\t<input type=\"button\" value=\"\u9009\u62e9 id \u4e3a two \u7684\u5143\u7d20\u540e\u9762\u7684\u6240\u6709 div \u5144\u5f1f\u5143\u7d20\" id=\"btn4\" \/>\n\t\t<br><br>\n\t\t<div class=\"one\" id=\"one\">\n\t\t\tid \u4e3a one,class \u4e3a one \u7684div\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t<\/div>\n\t\t<div class=\"one\" id=\"two\" title=\"test\">\n\t\t\tid\u4e3atwo,class\u4e3aone,title\u4e3atest\u7684div\n\t\t\t<div class=\"mini\" title=\"other\">class\u4e3amini,title\u4e3aother<\/div>\n\t\t\t<div class=\"mini\" title=\"test\">class\u4e3amini,title\u4e3atest<\/div>\n\t\t<\/div>\n\t\t<div class=\"one\">\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\"><\/div>\n\t\t<\/div>\n\t\t<div class=\"one\">\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\" title=\"tesst\">class\u4e3amini,title\u4e3atesst<\/div>\n\t\t<\/div>\n\t\t<div style=\"display:none;\" class=\"none\">style\u7684display\u4e3a\"none\"\u7684div<\/div>\n\t\t<div class=\"hide\">class\u4e3a\"hide\"\u7684div<\/div>\n\t\t<div>\n\t\t\t\u5305\u542binput\u7684type\u4e3a\"hidden\"\u7684div<input type=\"hidden\" size=\"8\">\n\t\t<\/div>\n\t\t<span id=\"span\">^^span\u5143\u7d20^^<\/span>\n\t<\/body>\n<\/html>\n\n<\/code><\/pre>\n\n\n\n
jQuery-\u57fa\u672c\u8fc7\u6ee4\u9009\u62e9\u5668<\/p>\n\n\n\n
<!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01\/\/EN\" \"http:\/\/www.w3.org\/TR\/html4\/strict.dtd\">\n<html>\n\t<head>\n\t\t<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\">\n\t\t<title>Untitled Document<\/title>\n\t\t<style type=\"text\/css\">\n\t\t\t\/*\n\t\t\t:first\t\t\t\u83b7\u53d6\u7b2c\u4e00\u4e2a\u5143\u7d20\n\t\t\t:last\t\t\t\u83b7\u53d6\u6700\u540e\u4e2a\u5143\u7d20\n\t\t\t:not(selector)\t\u53bb\u9664\u6240\u6709\u4e0e\u7ed9\u5b9a\u9009\u62e9\u5668\u5339\u914d\u7684\u5143\u7d20\n\t\t\t:even\t\t\t\u5339\u914d\u6240\u6709\u7d22\u5f15\u503c\u4e3a\u5076\u6570\u7684\u5143\u7d20\uff0c\u4ece 0 \u5f00\u59cb\u8ba1\u6570\n\t\t\t:odd\t\t\t\u5339\u914d\u6240\u6709\u7d22\u5f15\u503c\u4e3a\u5947\u6570\u7684\u5143\u7d20\uff0c\u4ece 0 \u5f00\u59cb\u8ba1\u6570\n\t\t\t:eq(index)\t\t\u5339\u914d\u4e00\u4e2a\u7ed9\u5b9a\u7d22\u5f15\u503c\u7684\u5143\u7d20\n\t\t\t:gt(index)\t\t\u5339\u914d\u6240\u6709\u5927\u4e8e\u7ed9\u5b9a\u7d22\u5f15\u503c\u7684\u5143\u7d20\n\t\t\t:lt(index)\t\t\u5339\u914d\u6240\u6709\u5c0f\u4e8e\u7ed9\u5b9a\u7d22\u5f15\u503c\u7684\u5143\u7d20\n\t\t\t:header\t\t\t\u5339\u914d\u5982 h1, h2, h3 \u4e4b\u7c7b\u7684\u6807\u9898\u5143\u7d20\n\t\t\t:animated\t\t\u5339\u914d\u6240\u6709\u6b63\u5728\u6267\u884c\u52a8\u753b\u6548\u679c\u7684\u5143\u7d20\n\t\t\t *\/\n\n\t\t\tdiv, span, p {\n\t\t\t    width: 140px;\n\t\t\t    height: 140px;\n\t\t\t    margin: 5px;\n\t\t\t    background: #aaa;\n\t\t\t    border: #000 1px solid;\n\t\t\t    float: left;\n\t\t\t    font-size: 17px;\n\t\t\t    font-family: Verdana;\n\t\t\t}\n\t\t\t\n\t\t\tdiv.mini {\n\t\t\t    width: 55px;\n\t\t\t    height: 55px;\n\t\t\t    background-color: #aaa;\n\t\t\t    font-size: 12px;\n\t\t\t}\n\t\t\t\n\t\t\tdiv.hide {\n\t\t\t    display: none;\n\t\t\t}\t\t\t\n\t\t<\/style>\n\t\t<script type=\"text\/javascript\" src=\"..\/script\/jquery-1.7.2.js\"><\/script>\n\t\t<script type=\"text\/javascript\">\n\t\t\t$(document).ready(function(){\n\t\t\t\tfunction anmateIt(){\n\t\t\t\t\t$(\"#mover\").slideToggle(\"slow\", anmateIt);\n\t\t\t\t}\n\t\t\t\tanmateIt();\n\t\t\t});\n\t\t\t\n\t\t\t$(document).ready(function(){\n\t\t\t\t\/\/1.\u9009\u62e9\u7b2c\u4e00\u4e2a div \u5143\u7d20  \n\t\t\t\t$(\"#btn1\").click(function(){\n\t\t\t\t\t$(\"div:first\").css(\"background\", \"#bbffaa\");\n\t\t\t\t});\n\n\t\t\t\t\/\/2.\u9009\u62e9\u6700\u540e\u4e00\u4e2a div \u5143\u7d20\n\t\t\t\t$(\"#btn2\").click(function(){\n\t\t\t\t\t$(\"div:last\").css(\"background\", \"#bbffaa\");\n\t\t\t\t});\n\n\t\t\t\t\/\/3.\u9009\u62e9class\u4e0d\u4e3a one \u7684\u6240\u6709 div \u5143\u7d20\n\t\t\t\t$(\"#btn3\").click(function(){\n\t\t\t\t\t$(\"div:not(.one)\").css(\"background\", \"#bbffaa\");\n\t\t\t\t});\n\n\t\t\t\t\/\/4.\u9009\u62e9\u7d22\u5f15\u503c\u4e3a\u5076\u6570\u7684 div \u5143\u7d20\n\t\t\t\t$(\"#btn4\").click(function(){\n\t\t\t\t\t$(\"div:even\").css(\"background\", \"#bbffaa\");\n\t\t\t\t});\n\n\t\t\t\t\/\/5.\u9009\u62e9\u7d22\u5f15\u503c\u4e3a\u5947\u6570\u7684 div \u5143\u7d20\n\t\t\t\t$(\"#btn5\").click(function(){\n\t\t\t\t\t$(\"div:odd\").css(\"background\", \"#bbffaa\");\n\t\t\t\t});\n\n\t\t\t\t\/\/6.\u9009\u62e9\u7d22\u5f15\u503c\u4e3a\u5927\u4e8e 3 \u7684 div \u5143\u7d20\n\t\t\t\t$(\"#btn6\").click(function(){\n\t\t\t\t\t$(\"div:gt(3)\").css(\"background\", \"#bbffaa\");\n\t\t\t\t});\n\n\t\t\t\t\/\/7.\u9009\u62e9\u7d22\u5f15\u503c\u4e3a\u7b49\u4e8e 3 \u7684 div \u5143\u7d20\n\t\t\t\t$(\"#btn7\").click(function(){\n\t\t\t\t\t$(\"div:eq(3)\").css(\"background\", \"#bbffaa\");\n\t\t\t\t});\n\n\t\t\t\t\/\/8.\u9009\u62e9\u7d22\u5f15\u503c\u4e3a\u5c0f\u4e8e 3 \u7684 div \u5143\u7d20\n\t\t\t\t$(\"#btn8\").click(function(){\n\t\t\t\t\t$(\"div:lt(3)\").css(\"background\", \"#bbffaa\");\n\t\t\t\t});\n\n\t\t\t\t\/\/9.\u9009\u62e9\u6240\u6709\u7684\u6807\u9898\u5143\u7d20\n\t\t\t\t$(\"#btn9\").click(function(){\n\t\t\t\t\t$(\":header\").css(\"background\", \"#bbffaa\");\n\t\t\t\t});\n\n\t\t\t\t\/\/10.\u9009\u62e9\u5f53\u524d\u6b63\u5728\u6267\u884c\u52a8\u753b\u7684\u6240\u6709\u5143\u7d20\n\t\t\t\t$(\"#btn10\").click(function(){\n\t\t\t\t\t$(\":animated\").css(\"background\", \"#bbffaa\");\n\t\t\t\t});\n\n\t\t\t\t\/\/11.\u9009\u62e9\u6ca1\u6709\u6267\u884c\u52a8\u753b\u7684\u6700\u540e\u4e00\u4e2adiv\n\t\t\t\t$(\"#btn11\").click(function(){\n\t\t\t\t\t$(\"div:not(:animated):last\").css(\"background\", \"#bbffaa\");\n\t\t\t\t});\n\t\t\t});\n\t\t<\/script>\n\t<\/head>\n\t<body>\t\t\n<!-- \t<div>\n\t:first \t\t\t\n\t:last \t\t\t\n\t:not(selector) \t\n\t:even \t\t\t\n\t:odd \t\t\t\n\t:eq(index)\t\t \n\t:gt(index) \t\t\n\t:lt(index) \t\t\n\t:header \t\t\n\t:animated \t\t\n\t<\/div> -->\n\t\t<input type=\"button\" value=\"\u9009\u62e9\u7b2c\u4e00\u4e2a div \u5143\u7d20\" id=\"btn1\" \/>\n\t\t<input type=\"button\" value=\"\u9009\u62e9\u6700\u540e\u4e00\u4e2a div \u5143\u7d20\" id=\"btn2\" \/>\n\t\t<input type=\"button\" value=\"\u9009\u62e9class\u4e0d\u4e3a one \u7684\u6240\u6709 div \u5143\u7d20\" id=\"btn3\" \/>\n\t\t<input type=\"button\" value=\"\u9009\u62e9\u7d22\u5f15\u503c\u4e3a\u5076\u6570\u7684 div \u5143\u7d20\" id=\"btn4\" \/>\n\t\t<input type=\"button\" value=\"\u9009\u62e9\u7d22\u5f15\u503c\u4e3a\u5947\u6570\u7684 div \u5143\u7d20\" id=\"btn5\" \/>\n\t\t<input type=\"button\" value=\"\u9009\u62e9\u7d22\u5f15\u503c\u4e3a\u5927\u4e8e 3 \u7684 div \u5143\u7d20\" id=\"btn6\" \/>\n\t\t<input type=\"button\" value=\"\u9009\u62e9\u7d22\u5f15\u503c\u4e3a\u7b49\u4e8e 3 \u7684 div \u5143\u7d20\" id=\"btn7\" \/>\n\t\t<input type=\"button\" value=\"\u9009\u62e9\u7d22\u5f15\u503c\u4e3a\u5c0f\u4e8e 3 \u7684 div \u5143\u7d20\" id=\"btn8\" \/>\n\t\t<input type=\"button\" value=\"\u9009\u62e9\u6240\u6709\u7684\u6807\u9898\u5143\u7d20\" id=\"btn9\" \/>\n\t\t<input type=\"button\" value=\"\u9009\u62e9\u5f53\u524d\u6b63\u5728\u6267\u884c\u52a8\u753b\u7684\u6240\u6709\u5143\u7d20\" id=\"btn10\" \/>\t\t\n\t\t<input type=\"button\" value=\"\u9009\u62e9\u6ca1\u6709\u6267\u884c\u52a8\u753b\u7684\u6700\u540e\u4e00\u4e2adiv\" id=\"btn11\" \/>\n\t\t\n\t\t<h3>\u57fa\u672c\u9009\u62e9\u5668.<\/h3>\n\t\t<br><br>\n\t\t<div class=\"one\" id=\"one\">\n\t\t\tid \u4e3a one,class \u4e3a one \u7684div\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t<\/div>\n\t\t<div class=\"one\" id=\"two\" title=\"test\">\n\t\t\tid\u4e3atwo,class\u4e3aone,title\u4e3atest\u7684div\n\t\t\t<div class=\"mini\" title=\"other\">class\u4e3amini,title\u4e3aother<\/div>\n\t\t\t<div class=\"mini\" title=\"test\">class\u4e3amini,title\u4e3atest<\/div>\n\t\t<\/div>\n\t\t<div class=\"one\">\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\"><\/div>\n\t\t<\/div>\n\t\t<div class=\"one\">\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\" title=\"tesst\">class\u4e3amini,title\u4e3atesst<\/div>\n\t\t<\/div>\n\t\t<div style=\"display:none;\" class=\"none\">style\u7684display\u4e3a\"none\"\u7684div<\/div>\n\t\t<div class=\"hide\">class\u4e3a\"hide\"\u7684div<\/div>\n\t\t<div>\n\t\t\t\u5305\u542binput\u7684type\u4e3a\"hidden\"\u7684div<input type=\"hidden\" size=\"8\">\n\t\t<\/div>\n\t\t<div id=\"mover\">\u6b63\u5728\u6267\u884c\u52a8\u753b\u7684div\u5143\u7d20.<\/div>\n\t<\/body>\n<\/html>\n\n<\/code><\/pre>\n\n\n\n
jQuery-\u5185\u5bb9\u8fc7\u6ee4\u9009\u62e9\u5668<\/p>\n\n\n\n
<!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01\/\/EN\" \"http:\/\/www.w3.org\/TR\/html4\/strict.dtd\">\n<html>\n\t<head>\n\t\t<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\">\n\t\t<title>Untitled Document<\/title>\n\t\t<style type=\"text\/css\">\n\t\t\t\/*\n\t\t\t:contains(text) \u5339\u914d\u5305\u542b\u7ed9\u5b9a\u6587\u672c\u7684\u5143\u7d20\n\t\t\t:empty\t\t\t\u5339\u914d\u6240\u6709\u4e0d\u5305\u542b\u5b50\u5143\u7d20\u6216\u8005\u6587\u672c\u7684\u7a7a\u5143\u7d20\n\t\t\t:parent\t\t\t\u5339\u914d\u542b\u6709\u5b50\u5143\u7d20\u6216\u8005\u6587\u672c\u7684\u5143\u7d20\n\t\t\t:has(selector) \t\u5339\u914d\u542b\u6709\u9009\u62e9\u5668\u6240\u5339\u914d\u7684\u5143\u7d20\u7684\u5143\u7d20\n\t\t\t *\/\n\n\t\t\tdiv, span, p {\n\t\t\t    width: 140px;\n\t\t\t    height: 140px;\n\t\t\t    margin: 5px;\n\t\t\t    background: #aaa;\n\t\t\t    border: #000 1px solid;\n\t\t\t    float: left;\n\t\t\t    font-size: 17px;\n\t\t\t    font-family: Verdana;\n\t\t\t}\n\t\t\t\n\t\t\tdiv.mini {\n\t\t\t    width: 55px;\n\t\t\t    height: 55px;\n\t\t\t    background-color: #aaa;\n\t\t\t    font-size: 12px;\n\t\t\t}\n\t\t\t\n\t\t\tdiv.hide {\n\t\t\t    display: none;\n\t\t\t}\t\t\t\n\t\t<\/style>\n\t\t<script type=\"text\/javascript\" src=\"..\/script\/jquery-1.7.2.js\"><\/script>\n\t\t<script type=\"text\/javascript\">\n\t\t\t$(document).ready(function(){\n\t\t\t\tfunction anmateIt(){\n\t\t\t\t\t$(\"#mover\").slideToggle(\"slow\", anmateIt);\n\t\t\t\t}\n\t\n\t\t\t\tanmateIt();\t\t\t\t\n\t\t\t});\n\t\t\t\n\t\t\t\/** \n\t\t\t:contains(text)   \n\t\t\t:empty \t\t\t  \n\t\t\t:has(selector) \t\n\t\t\t:parent \t\t\t\n\t\t\t*\/\n\t\t\t$(document).ready(function(){\n\t\t\t\t\/\/1.\u9009\u62e9 \u542b\u6709\u6587\u672c 'di' \u7684 div \u5143\u7d20\n\t\t\t\t$(\"#btn1\").click(function(){\n\t\t\t\t\t$(\"div:contains('di')\").css(\"background\", \"#bbffaa\");\n\t\t\t\t});\n\n\t\t\t\t\/\/2.\u9009\u62e9\u4e0d\u5305\u542b\u5b50\u5143\u7d20(\u6216\u8005\u6587\u672c\u5143\u7d20) \u7684 div \u7a7a\u5143\u7d20\n\t\t\t\t$(\"#btn2\").click(function(){\n\t\t\t\t\t$(\"div:empty\").css(\"background\", \"#bbffaa\");\n\t\t\t\t});\n\n\t\t\t\t\/\/3.\u9009\u62e9\u542b\u6709 class \u4e3a mini \u5143\u7d20\u7684 div \u5143\u7d20\n\t\t\t\t$(\"#btn3\").click(function(){\n\t\t\t\t\t$(\"div:has(.mini)\").css(\"background\", \"#bbffaa\");\n\t\t\t\t});\n\n\t\t\t\t\/\/4.\u9009\u62e9\u542b\u6709\u5b50\u5143\u7d20(\u6216\u8005\u6587\u672c\u5143\u7d20)\u7684div\u5143\u7d20\n\t\t\t\t$(\"#btn4\").click(function(){\n\t\t\t\t\t$(\"div:parent\").css(\"background\", \"#bbffaa\");\n\t\t\t\t});\n\t\t\t});\n\t\t<\/script>\n\t<\/head>\n\t<body>\t\t\n\t\t<input type=\"button\" value=\"\u9009\u62e9 \u542b\u6709\u6587\u672c 'di' \u7684 div \u5143\u7d20\" id=\"btn1\" \/>\n\t\t<input type=\"button\" value=\"\u9009\u62e9\u4e0d\u5305\u542b\u5b50\u5143\u7d20(\u6216\u8005\u6587\u672c\u5143\u7d20) \u7684 div \u7a7a\u5143\u7d20\" id=\"btn2\" \/>\n\t\t<input type=\"button\" value=\"\u9009\u62e9\u542b\u6709 class \u4e3a mini \u5143\u7d20\u7684 div \u5143\u7d20\" id=\"btn3\" \/>\n\t\t<input type=\"button\" value=\"\u9009\u62e9\u542b\u6709\u5b50\u5143\u7d20(\u6216\u8005\u6587\u672c\u5143\u7d20)\u7684div\u5143\u7d20\" id=\"btn4\" \/>\n\t\t\n\t\t<br><br>\n\t\t<div class=\"one\" id=\"one\">\n\t\t\tid \u4e3a one,class \u4e3a one \u7684div\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t<\/div>\n\t\t<div class=\"one\" id=\"two\" title=\"test\">\n\t\t\tid\u4e3atwo,class\u4e3aone,title\u4e3atest\u7684div\n\t\t\t<div class=\"mini\" title=\"other\">class\u4e3amini,title\u4e3aother<\/div>\n\t\t\t<div class=\"mini\" title=\"test\">class\u4e3amini,title\u4e3atest<\/div>\n\t\t<\/div>\n\t\t<div class=\"one\">\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\"><\/div>\n\t\t<\/div>\n\t\t<div class=\"one\">\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\" title=\"tesst\">class\u4e3amini,title\u4e3atesst<\/div>\n\t\t<\/div>\n\t\t<div style=\"display:none;\" class=\"none\">style\u7684display\u4e3a\"none\"\u7684div<\/div>\n\t\t<div class=\"hide\">class\u4e3a\"hide\"\u7684div<\/div>\n\t\t<div>\n\t\t\t\u5305\u542binput\u7684type\u4e3a\"hidden\"\u7684div<input type=\"hidden\" size=\"8\">\n\t\t<\/div>\n\t\t<div id=\"mover\">\u6b63\u5728\u6267\u884c\u52a8\u753b\u7684div\u5143\u7d20.<\/div>\n\t<\/body>\n<\/html>\n\n<\/code><\/pre>\n\n\n\n
jQuery-\u5c5e\u6027\u8fc7\u6ee4\u9009\u62e9\u5668<\/p>\n\n\n\n
<!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01\/\/EN\" \"http:\/\/www.w3.org\/TR\/html4\/strict.dtd\">\n<html>\n<head>\n<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\">\n<title>Untitled Document<\/title>\n<style type=\"text\/css\">\n\tdiv,span,p {\n\t\twidth: 140px;\n\t\theight: 140px;\n\t\tmargin: 5px;\n\t\tbackground: #aaa;\n\t\tborder: #000 1px solid;\n\t\tfloat: left;\n\t\tfont-size: 17px;\n\t\tfont-family: Verdana;\n\t}\n\n\tdiv.mini {\n\t\twidth: 55px;\n\t\theight: 55px;\n\t\tbackground-color: #aaa;\n\t\tfont-size: 12px;\n\t}\n\n\tdiv.hide {\n\t\tdisplay: none;\n\t}\n<\/style>\n<script type=\"text\/javascript\" src=\"..\/script\/jquery-1.7.2.js\"><\/script>\n<script type=\"text\/javascript\">\n\t\/**\n\t [attribute]\t\t\t\u5339\u914d\u5305\u542b\u7ed9\u5b9a\u5c5e\u6027\u7684\u5143\u7d20\u3002\n\t [attribute=value]\t\t\u5339\u914d\u7ed9\u5b9a\u7684\u5c5e\u6027\u662f\u67d0\u4e2a\u7279\u5b9a\u503c\u7684\u5143\u7d20\n\t [attribute!=value]\t\t\u5339\u914d\u6240\u6709\u4e0d\u542b\u6709\u6307\u5b9a\u7684\u5c5e\u6027\uff0c\u6216\u8005\u5c5e\u6027\u4e0d\u7b49\u4e8e\u7279\u5b9a\u503c\u7684\u5143\u7d20\u3002\n\t [attribute^=value]\t\t\u5339\u914d\u7ed9\u5b9a\u7684\u5c5e\u6027\u662f\u4ee5\u67d0\u4e9b\u503c\u5f00\u59cb\u7684\u5143\u7d20\n\t [attribute$=value]\t\t\u5339\u914d\u7ed9\u5b9a\u7684\u5c5e\u6027\u662f\u4ee5\u67d0\u4e9b\u503c\u7ed3\u5c3e\u7684\u5143\u7d20\n\t [attribute*=value]\t\t\u5339\u914d\u7ed9\u5b9a\u7684\u5c5e\u6027\u662f\u4ee5\u5305\u542b\u67d0\u4e9b\u503c\u7684\u5143\u7d20\n\t [attrSel1][attrSel2][attrSelN] \u590d\u5408\u5c5e\u6027\u9009\u62e9\u5668\uff0c\u9700\u8981\u540c\u65f6\u6ee1\u8db3\u591a\u4e2a\u6761\u4ef6\u65f6\u4f7f\u7528\u3002\n\n\t*\/\n\n\t$(function() {\n\t\t\/\/1.\u9009\u53d6\u542b\u6709 \u5c5e\u6027title \u7684div\u5143\u7d20\n\t\t$(\"#btn1\").click(function() {\n\t\t\t$(\"div[title]\").css(\"background\", \"#bbffaa\");\n\t\t});\n\t\t\/\/2.\u9009\u53d6 \u5c5e\u6027title\u503c\u7b49\u4e8e'test'\u7684div\u5143\u7d20\n\t\t$(\"#btn2\").click(function() {\n\t\t\t$(\"div[title='test']\").css(\"background\", \"#bbffaa\");\n\t\t});\n\t\t\/\/3.\u9009\u53d6 \u5c5e\u6027title\u503c\u4e0d\u7b49\u4e8e'test'\u7684div\u5143\u7d20(*\u6ca1\u6709\u5c5e\u6027title\u7684\u4e5f\u5c06\u88ab\u9009\u4e2d)\n\t\t$(\"#btn3\").click(function() {\n\t\t\t$(\"div[title!='test']\").css(\"background\", \"#bbffaa\");\n\t\t});\n\t\t\/\/4.\u9009\u53d6 \u5c5e\u6027title\u503c \u4ee5'te'\u5f00\u59cb \u7684div\u5143\u7d20\n\t\t$(\"#btn4\").click(function() {\n\t\t\t$(\"div[title^='te']\").css(\"background\", \"#bbffaa\");\n\t\t});\n\t\t\/\/5.\u9009\u53d6 \u5c5e\u6027title\u503c \u4ee5'est'\u7ed3\u675f \u7684div\u5143\u7d20\n\t\t$(\"#btn5\").click(function() {\n\t\t\t$(\"div[title$='est']\").css(\"background\", \"#bbffaa\");\n\t\t});\n\t\t\/\/6.\u9009\u53d6 \u5c5e\u6027title\u503c \u542b\u6709'es'\u7684div\u5143\u7d20\n\t\t$(\"#btn6\").click(function() {\n\t\t\t$(\"div[title*='es']\").css(\"background\", \"#bbffaa\");\n\t\t});\n\t\t\n\t\t\/\/7.\u9996\u5148\u9009\u53d6\u6709\u5c5e\u6027id\u7684div\u5143\u7d20\uff0c\u7136\u540e\u5728\u7ed3\u679c\u4e2d \u9009\u53d6\u5c5e\u6027title\u503c \u542b\u6709'es'\u7684 div \u5143\u7d20\n\t\t$(\"#btn7\").click(function() {\n\t\t\t$(\"div[id][title*='es']\").css(\"background\", \"#bbffaa\");\n\t\t});\n\t\t\/\/8.\u9009\u53d6 \u542b\u6709 title \u5c5e\u6027\u503c, \u4e14title \u5c5e\u6027\u503c\u4e0d\u7b49\u4e8e test \u7684 div \u5143\u7d20\n\t\t$(\"#btn8\").click(function() {\n\t\t\t$(\"div[title][title!='test']\").css(\"background\", \"#bbffaa\");\n\t\t});\n\t});\n<\/script>\n<\/head>\n<body>\n\t<input type=\"button\" value=\"\u9009\u53d6\u542b\u6709 \u5c5e\u6027title \u7684div\u5143\u7d20.\" id=\"btn1\" \/>\n\t<input type=\"button\" value=\"\u9009\u53d6 \u5c5e\u6027title\u503c\u7b49\u4e8e'test'\u7684div\u5143\u7d20.\" id=\"btn2\" \/>\n\t<input type=\"button\"\n\t\tvalue=\"\u9009\u53d6 \u5c5e\u6027title\u503c\u4e0d\u7b49\u4e8e'test'\u7684div\u5143\u7d20(\u6ca1\u6709\u5c5e\u6027title\u7684\u4e5f\u5c06\u88ab\u9009\u4e2d).\" id=\"btn3\" \/>\n\t<input type=\"button\" value=\"\u9009\u53d6 \u5c5e\u6027title\u503c \u4ee5'te'\u5f00\u59cb \u7684div\u5143\u7d20.\" id=\"btn4\" \/>\n\t<input type=\"button\" value=\"\u9009\u53d6 \u5c5e\u6027title\u503c \u4ee5'est'\u7ed3\u675f \u7684div\u5143\u7d20.\" id=\"btn5\" \/>\n\t<input type=\"button\" value=\"\u9009\u53d6 \u5c5e\u6027title\u503c \u542b\u6709'es'\u7684div\u5143\u7d20.\" id=\"btn6\" \/>\n\t<input type=\"button\"\n\t\tvalue=\"\u7ec4\u5408\u5c5e\u6027\u9009\u62e9\u5668,\u9996\u5148\u9009\u53d6\u6709\u5c5e\u6027id\u7684div\u5143\u7d20\uff0c\u7136\u540e\u5728\u7ed3\u679c\u4e2d \u9009\u53d6\u5c5e\u6027title\u503c \u542b\u6709'es'\u7684 div \u5143\u7d20.\"\n\t\tid=\"btn7\" \/>\n\t<input type=\"button\"\n\t\tvalue=\"\u9009\u53d6 \u542b\u6709 title \u5c5e\u6027\u503c, \u4e14title \u5c5e\u6027\u503c\u4e0d\u7b49\u4e8e test \u7684 div \u5143\u7d20.\" id=\"btn8\" \/>\n\n\t<br>\n\t<br>\n\t<div class=\"one\" id=\"one\">\n\t\tid \u4e3a one,class \u4e3a one \u7684div\n\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t<\/div>\n\t<div class=\"one\" id=\"two\" title=\"test\">\n\t\tid\u4e3atwo,class\u4e3aone,title\u4e3atest\u7684div\n\t\t<div class=\"mini\" title=\"other\">class\u4e3amini,title\u4e3aother<\/div>\n\t\t<div class=\"mini\" title=\"test\">class\u4e3amini,title\u4e3atest<\/div>\n\t<\/div>\n\t<div class=\"one\">\n\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t<div class=\"mini\"><\/div>\n\t<\/div>\n\t<div class=\"one\">\n\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t<div class=\"mini\" title=\"tesst\">class\u4e3amini,title\u4e3atesst<\/div>\n\t<\/div>\n\t<div style=\"display: none;\" class=\"none\">style\u7684display\u4e3a\"none\"\u7684div<\/div>\n\t<div class=\"hide\">class\u4e3a\"hide\"\u7684div<\/div>\n\t<div>\n\t\t\u5305\u542binput\u7684type\u4e3a\"hidden\"\u7684div<input type=\"hidden\" value=\"123456789\"\n\t\t\tsize=\"8\">\n\t<\/div>\n\t<div id=\"mover\">\u6b63\u5728\u6267\u884c\u52a8\u753b\u7684div\u5143\u7d20.<\/div>\n<\/body>\n<\/html>\n\n<\/code><\/pre>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>Title<\/title>\n    <script type=\"text\/javascript\" src=\"..\/script\/jquery-3.6.1.js\"><\/script>\n    <script type=\"text\/javascript\">\n\n      $(function () {\n        alert($(\"input[name!='newsletter']\").length);\n\n      })\n    <\/script>\n<\/head>\n<body>\n  <input type=\"checkbox\" name=\"newsletter\" value=\"Hot Fuzz\"\/>\n  <input type=\"checkbox\" name=\"newsletter\" value=\"Cold Fusion\"\/>\n  <input type=\"checkbox\" value=\"Evil Plans\"\/>\n\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
jQuery-\u8868\u5355\u8fc7\u6ee4\u9009\u62e9\u5668<\/p>\n\n\n\n
<!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01\/\/EN\" \"http:\/\/www.w3.org\/TR\/html4\/strict.dtd\">\n<html>\n\t<head>\n\t\t<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\">\n\t\t<title>Untitled Document<\/title>\n\t\t<script type=\"text\/javascript\" src=\"..\/script\/jquery-1.7.2.js\"><\/script>\n\t\t<script type=\"text\/javascript\">\n\t\t\t$(function(){\n\t\t\t\t\n\t\t\t\t\n\t\t\/**\n\t\t :input\t\t\u5339\u914d\u6240\u6709 input, textarea, select \u548c button \u5143\u7d20\n\t\t :text\t\t\u5339\u914d\u6240\u6709 \u6587\u672c\u8f93\u5165\u6846\n\t\t :password\t\u5339\u914d\u6240\u6709\u7684\u5bc6\u7801\u8f93\u5165\u6846\n\t\t :radio\t\t\u5339\u914d\u6240\u6709\u7684\u5355\u9009\u6846\n\t\t :checkbox\t\u5339\u914d\u6240\u6709\u7684\u590d\u9009\u6846\n\t\t :submit\t\u5339\u914d\u6240\u6709\u63d0\u4ea4\u6309\u94ae\n\t\t :image\t\t\u5339\u914d\u6240\u6709 img \u6807\u7b7e\n\t\t :reset\t\t\u5339\u914d\u6240\u6709\u91cd\u7f6e\u6309\u94ae\n\t\t :button\t\u5339\u914d\u6240\u6709 input type=button <button>\u6309\u94ae\n\t\t :file\t\t\u5339\u914d\u6240\u6709 input type=file \u6587\u4ef6\u4e0a\u4f20\n\t\t :hidden\t\u5339\u914d\u6240\u6709\u4e0d\u53ef\u89c1\u5143\u7d20 display:none \u6216 input type=hidden\n\t\t\n\t\t\u8868\u5355\u5bf9\u8c61\u7684\u5c5e\u6027\n\t\t :enabled\t\u5339\u914d\u6240\u6709\u53ef\u7528\u5143\u7d20\n\t\t :disabled\t\u5339\u914d\u6240\u6709\u4e0d\u53ef\u7528\u5143\u7d20\n\t\t :checked\t\u5339\u914d\u6240\u6709\u9009\u4e2d\u7684\u5355\u9009\uff0c\u590d\u9009\uff0c\u548c\u4e0b\u62c9\u5217\u8868\u4e2d\u9009\u4e2d\u7684 option \u6807\u7b7e\u5bf9\u8c61\n\t\t :selected\t\u5339\u914d\u6240\u6709\u9009\u4e2d\u7684 option\n\t\t*\/\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\/\/1.\u5bf9\u8868\u5355\u5185 \u53ef\u7528input \u8d4b\u503c\u64cd\u4f5c\n\t\t\t\t$(\"#btn1\").click(function(){\n\t\t\t\t\t\/\/ val()\u53ef\u4ee5\u64cd\u4f5c\u8868\u5355\u9879\u7684value\u5c5e\u6027\u503c\n\t\t\t\t\t\/\/ \u5b83\u53ef\u4ee5\u8bbe\u7f6e\u548c\u83b7\u53d6\n\t\t\t\t\t$(\":text:enabled\").val(\"\u6211\u662f\u4e07\u80fd\u7684\u7a0b\u5e8f\u5458\");\n\t\t\t\t});\n\t\t\t\t\/\/2.\u5bf9\u8868\u5355\u5185 \u4e0d\u53ef\u7528input \u8d4b\u503c\u64cd\u4f5c\n\t\t\t\t$(\"#btn2\").click(function(){\n\t\t\t\t\t$(\":text:disabled\").val(\"\u7ba1\u4f60\u53ef\u7528\u4e0d\u53ef\u7528\uff0c\u53cd\u6b63\u6211\u662f\u4e07\u80fd\u7684\u7a0b\u5e8f\u5458\")\n\t\t\t\t});\n\t\t\t\t\/\/3.\u83b7\u53d6\u591a\u9009\u6846\u9009\u4e2d\u7684\u4e2a\u6570  \u4f7f\u7528size()\u65b9\u6cd5\u83b7\u53d6\u9009\u53d6\u5230\u7684\u5143\u7d20\u96c6\u5408\u7684\u5143\u7d20\u4e2a\u6570\n\t\t\t\t$(\"#btn3\").click(function(){\n\t\t\t\t\talert($(\":checkbox:checked\").length);\n\t\t\t\t});\n\t\t\t\t\/\/4.\u83b7\u53d6\u591a\u9009\u6846\uff0c\u6bcf\u4e2a\u9009\u4e2d\u7684value\u503c\n\t\t\t\t$(\"#btn4\").click(function(){\n\t\t\t\t\t\/\/\u83b7\u53d6\u5168\u90e8\u9009\u4e2d\u7684\u590d\u9009\u6846\u6807\u7b7e\u5bf9\u8c61\n\t\t\t\t\tvar $checkboies = $(\":checkbox:checked\");\n\t\t\t\t\t\/\/\/\u8001\u5f0f\u904d\u5386\n\t\t\t\t\t\/\/ for (var i = 0; i < $checkbox.length; i++){\n\t\t\t\t\t\/\/ \talert($checkboies[i].value);\n\t\t\t\t\t\/\/ }\n\n\t\t\t\t\t\/\/ each\u65b9\u6cd5\u662fjQuery\u5bf9\u8c61\u63d0\u4f9b\u7528\u6765\u904d\u5386\u5143\u7d20\u7684\u65b9\u6cd5\n\t\t\t\t\t\/\/ \u5728\u904d\u5386\u7684function\u51fd\u6570\u4e2d\uff0c\u6709\u4e00\u4e2athis\u5bf9\u8c61\uff0c\u8fd9\u4e2athis\u5bf9\u8c61\uff0c\u5c31\u662f\u5f53\u524d\u904d\u5386\u5230\u7684dom\u5bf9\u8c61\n\t\t\t\t\t$checkboies.each(function () {\n\t\t\t\t\t\talert(this.value)\n\t\t\t\t\t})\n\t\t\t\t});\n\t\t\t\t\/\/5.\u83b7\u53d6\u4e0b\u62c9\u6846\u9009\u4e2d\u7684\u5185\u5bb9  \n\t\t\t\t$(\"#btn5\").click(function(){\n\t\t\t\t\t\/\/ \u83b7\u53d6\u9009\u4e2d\u7684option\u6807\u7b7e\u5bf9\u8c61\n\t\t\t\t\tvar $options = $(\"select option:selected\");\n\t\t\t\t\t\/\/ \u904d\u5386\uff0c\u83b7\u53d6option\u6807\u7b7e\u4e2d\u7684\u6587\u672c\u5185\u5bb9\n\t\t\t\t\t$options.each(function () {\n\t\t\t\t\t\t\/\/\u5728each\u904d\u5386\u7684function\u51fd\u6570\u4e2d\uff0c\u6709\u4e00\u4e2athis\u5bf9\u8c61\uff0c\u8fd9\u4e2athis\u5bf9\u8c61\u662f\u5f53\u524d\u6b63\u5728\u904d\u5386\u5230\u7684dom\u5bf9\u8c61\n\t\t\t\t\t\talert(this.innerHTML)\n\n\t\t\t\t\t})\n\n\t\t\t\t});\n\t\t\t})\t\n\t\t<\/script>\n\t<\/head>\n\t<body>\n\t\t<h3>\u8868\u5355\u5bf9\u8c61\u5c5e\u6027\u8fc7\u6ee4\u9009\u62e9\u5668<\/h3>\n\t\t <button id=\"btn1\">\u5bf9\u8868\u5355\u5185 \u53ef\u7528input \u8d4b\u503c\u64cd\u4f5c.<\/button>\n  \t\t <button id=\"btn2\">\u5bf9\u8868\u5355\u5185 \u4e0d\u53ef\u7528input \u8d4b\u503c\u64cd\u4f5c.<\/button><br \/><br \/>\n\t\t <button id=\"btn3\">\u83b7\u53d6\u591a\u9009\u6846\u9009\u4e2d\u7684\u4e2a\u6570.<\/button>\n\t\t <button id=\"btn4\">\u83b7\u53d6\u591a\u9009\u6846\u9009\u4e2d\u7684\u5185\u5bb9.<\/button><br \/><br \/>\n         <button id=\"btn5\">\u83b7\u53d6\u4e0b\u62c9\u6846\u9009\u4e2d\u7684\u5185\u5bb9.<\/button><br \/><br \/>\n\t\t \n\t\t<form id=\"form1\" action=\"#\">\t\t\t\n\t\t\t\u53ef\u7528\u5143\u7d20: <input name=\"add\" value=\"\u53ef\u7528\u6587\u672c\u68461\"\/><br>\n\t\t\t\u4e0d\u53ef\u7528\u5143\u7d20: <input name=\"email\" disabled=\"disabled\" value=\"\u4e0d\u53ef\u7528\u6587\u672c\u6846\"\/><br>\n\t\t\t\u53ef\u7528\u5143\u7d20: <input name=\"che\" value=\"\u53ef\u7528\u6587\u672c\u68462\"\/><br>\n\t\t\t\u4e0d\u53ef\u7528\u5143\u7d20: <input name=\"name\" disabled=\"disabled\" value=\"\u4e0d\u53ef\u7528\u6587\u672c\u6846\"\/><br>\n\t\t\t<br>\n\t\t\t\n\t\t\t\u591a\u9009\u6846: <br>\n\t\t\t<input type=\"checkbox\" name=\"newsletter\" checked=\"checked\" value=\"test1\" \/>test1\n\t\t\t<input type=\"checkbox\" name=\"newsletter\" value=\"test2\" \/>test2\n\t\t\t<input type=\"checkbox\" name=\"newsletter\" value=\"test3\" \/>test3\n\t\t\t<input type=\"checkbox\" name=\"newsletter\" checked=\"checked\" value=\"test4\" \/>test4\n\t\t\t<input type=\"checkbox\" name=\"newsletter\" value=\"test5\" \/>test5\n\t\t\t\n\t\t\t<br><br>\n\t\t\t\u4e0b\u62c9\u5217\u88681: <br>\n\t\t\t<select name=\"test\" multiple=\"multiple\" style=\"height: 100px\" id=\"sele1\">\n\t\t\t\t<option>\u6d59\u6c5f<\/option>\n\t\t\t\t<option selected=\"selected\">\u8fbd\u5b81<\/option>\n\t\t\t\t<option>\u5317\u4eac<\/option>\n\t\t\t\t<option selected=\"selected\">\u5929\u6d25<\/option>\n\t\t\t\t<option>\u5e7f\u5dde<\/option>\n\t\t\t\t<option>\u6e56\u5317<\/option>\n\t\t\t<\/select>\n\t\t\t\n\t\t\t<br><br>\n\t\t\t\u4e0b\u62c9\u5217\u88682: <br>\n\t\t\t<select name=\"test2\">\n\t\t\t\t<option>\u6d59\u6c5f<\/option>\n\t\t\t\t<option>\u8fbd\u5b81<\/option>\n\t\t\t\t<option selected=\"selected\">\u5317\u4eac<\/option>\n\t\t\t\t<option>\u5929\u6d25<\/option>\n\t\t\t\t<option>\u5e7f\u5dde<\/option>\n\t\t\t\t<option>\u6e56\u5317<\/option>\n\t\t\t<\/select>\n\t\t<\/form>\t\t\n\t<\/body>\n<\/html>\n\n<\/code><\/pre>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>Title<\/title>\n    <script type=\"text\/javascript\" src=\"..\/script\/jquery-3.6.1.js\"><\/script>\n    <script type=\"text\/javascript\">\n\n      $(function () {\n\n      })\n    <\/script>\n<\/head>\n<body>\n    <!-- disabled=\"disabled \u4e0d\u53ef\u7528\u7684 -->\n    <input disabled=\"disabled\" type=\"checkbox\" name=\"newsletter\" value=\"Hot Fuzz\"\/>\n    <input disabled=\"disabled\" type=\"radio\" name=\"xxx\">\n    <input disabled=\"disabled\" type=\"button\" value=\"123412\">\n    <input disabled=\"disabled\" type=\"text\" name=\"1234\" id=\"asd\">\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
jQuery-\u5143\u7d20\u7684\u7b5b\u9009<\/p>\n\n\n\n
<!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01\/\/EN\" \"http:\/\/www.w3.org\/TR\/html4\/strict.dtd\">\n<html>\n\t<head>\n\t\t<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\">\n\t\t<title>DOM\u67e5\u8be2<\/title>\n\t\t<style type=\"text\/css\">\n\t\t\tdiv, span, p {\n\t\t\t    width: 140px;\n\t\t\t    height: 140px;\n\t\t\t    margin: 5px;\n\t\t\t    background: #aaa;\n\t\t\t    border: #000 1px solid;\n\t\t\t    float: left;\n\t\t\t    font-size: 17px;\n\t\t\t    font-family: Verdana;\n\t\t\t}\n\t\t\t\n\t\t\tdiv.mini {\n\t\t\t    width: 55px;\n\t\t\t    height: 55px;\n\t\t\t    background-color: #aaa;\n\t\t\t    font-size: 12px;\n\t\t\t}\n\t\t\t\n\t\t\tdiv.hide {\n\t\t\t    display: none;\n\t\t\t}\t\t\t\n\t\t<\/style>\n\t\t<script type=\"text\/javascript\" src=\"..\/script\/jquery-1.7.2.js\"><\/script>\n\t\t<script type=\"text\/javascript\">\n\t\t\t\/*\n\t\t\teq()\t\t\t\u83b7\u53d6\u7ed9\u5b9a\u7d22\u5f15\u7684\u5143\u7d20\t\t\t\t\t\t\u529f\u80fd\u8ddf :eq() \u4e00\u6837\n\t\t\tfirst()\t\t\t\u83b7\u53d6\u7b2c\u4e00\u4e2a\u5143\u7d20\t\t\t\t\t\t\t\u529f\u80fd\u8ddf :first \u4e00\u6837\n\t\t\tlast()\t\t\t\u83b7\u53d6\u6700\u540e\u4e00\u4e2a\u5143\u7d20\t\t\t\t\t\t\t\u529f\u80fd\u8ddf :last \u4e00\u6837\n\t\t\tfilter(exp) \t\u7559\u4e0b\u5339\u914d\u7684\u5143\u7d20\n\t\t\tis(exp) \t\t\u5224\u65ad\u662f\u5426\u5339\u914d\u7ed9\u5b9a\u7684\u9009\u62e9\u5668\uff0c\u53ea\u8981\u6709\u4e00\u4e2a\u5339\u914d\u5c31\u8fd4\u56de\uff0ctrue\n\t\t\thas(exp) \t\t\u8fd4\u56de\u5305\u542b\u6709\u5339\u914d\u9009\u62e9\u5668\u7684\u5143\u7d20\u7684\u5143\u7d20\t\t\t\u529f\u80fd\u8ddf :has \u4e00\u6837\n\t\t\tnot(exp) \t\t\u5220\u9664\u5339\u914d\u9009\u62e9\u5668\u7684\u5143\u7d20\t\t\t\t\t\t\u529f\u80fd\u8ddf :not \u4e00\u6837\n\t\t\tchildren(exp) \t\u8fd4\u56de\u5339\u914d\u7ed9\u5b9a\u9009\u62e9\u5668\u7684\u5b50\u5143\u7d20\t\t\t\t\u529f\u80fd\u8ddf parent>child \u4e00\u6837\n\t\t\tfind(exp) \t\t\u8fd4\u56de\u5339\u914d\u7ed9\u5b9a\u9009\u62e9\u5668\u7684\u540e\u4ee3\u5143\u7d20\t\t\t\t\u529f\u80fd\u8ddf ancestor descendant \u4e00\u6837\n\t\t\tnext()\t\t\t\u8fd4\u56de\u5f53\u524d\u5143\u7d20\u7684\u4e0b\u4e00\u4e2a\u5144\u5f1f\u5143\u7d20\t\t\t\t\u529f\u80fd\u8ddf prev + next \u529f\u80fd\u4e00\u6837\n\t\t\tnextAll() \t\t\u8fd4\u56de\u5f53\u524d\u5143\u7d20\u540e\u9762\u6240\u6709\u7684\u5144\u5f1f\u5143\u7d20\t\t\t\u529f\u80fd\u8ddf prev ~ siblings \u529f\u80fd\u4e00\u6837\n\t\t\tnextUntil() \t\u8fd4\u56de\u5f53\u524d\u5143\u7d20\u5230\u6307\u5b9a\u5339\u914d\u7684\u5143\u7d20\u4e3a\u6b62\u7684\u540e\u9762\u5143\u7d20\n\t\t\tparent() \t\t\u8fd4\u56de\u7236\u5143\u7d20\n\t\t\tprev(exp) \t\t\u8fd4\u56de\u5f53\u524d\u5143\u7d20\u7684\u4e0a\u4e00\u4e2a\u5144\u5f1f\u5143\u7d20\n\t\t\tprevAll() \t\t\u8fd4\u56de\u5f53\u524d\u5143\u7d20\u524d\u9762\u6240\u6709\u7684\u5144\u5f1f\u5143\u7d20\n\t\t\tprevUnit(exp) \t\u8fd4\u56de\u5f53\u524d\u5143\u7d20\u5230\u6307\u5b9a\u5339\u914d\u7684\u5143\u7d20\u4e3a\u6b62\u7684\u524d\u9762\u5143\u7d20\n\t\t\tsiblings(exp) \t\u8fd4\u56de\u6240\u6709\u5144\u5f1f\u5143\u7d20\n\t\t\tadd()\t\t\t\u628a add \u5339\u914d\u7684\u9009\u62e9\u5668\u7684\u5143\u7d20\u6dfb\u52a0\u5230\u5f53\u524d jquery \u5bf9\u8c61\u4e2d\n\t\t\t *\/\n\n\t\t\t$(document).ready(function(){\n\t\t\t\tfunction anmateIt(){\n\t\t\t\t\t$(\"#mover\").slideToggle(\"slow\", anmateIt);\n\t\t\t\t}\n\t\t\t\tanmateIt();\n\n\n\t\t\t\t\/\/(1)eq()  \u9009\u62e9\u7d22\u5f15\u503c\u4e3a\u7b49\u4e8e 3 \u7684 div \u5143\u7d20\n\t\t\t\t$(\"#btn1\").click(function(){\n\t\t\t\t\t$(\"div\").eq(3).css(\"background-color\",\"#bfa\");\n\t\t\t\t});\n\t\t\t\t\/\/(2)first()\u9009\u62e9\u7b2c\u4e00\u4e2a div \u5143\u7d20\n\t\t\t\t$(\"#btn2\").click(function(){\n\t\t\t\t\t\/\/first()   \u9009\u53d6\u7b2c\u4e00\u4e2a\u5143\u7d20\n\t\t\t\t\t$(\"div\").first().css(\"background-color\",\"#bfa\");\n\t\t\t\t});\n\t\t\t\t\/\/(3)last()\u9009\u62e9\u6700\u540e\u4e00\u4e2a div \u5143\u7d20\n\t\t\t\t$(\"#btn3\").click(function(){\n\t\t\t\t\t\/\/last()  \u9009\u53d6\u6700\u540e\u4e00\u4e2a\u5143\u7d20\n\t\t\t\t\t$(\"div\").last().css(\"background-color\",\"#bfa\");\n\t\t\t\t});\n\t\t\t\t\/\/(4)filter()\u5728div\u4e2d\u9009\u62e9\u7d22\u5f15\u4e3a\u5076\u6570\u7684\n\t\t\t\t$(\"#btn4\").click(function(){\n\t\t\t\t\t\/\/filter()  \u8fc7\u6ee4   \u4f20\u5165\u7684\u662f\u9009\u62e9\u5668\u5b57\u7b26\u4e32\n\t\t\t\t\t$(\"div\").filter(\":even\").css(\"background-color\",\"#bfa\");\n\t\t\t\t});\n\t\t\t\t\/\/(5)is()\u5224\u65ad#one\u662f\u5426\u4e3a:empty\u6216:parent\n\t\t\t\t\/\/is\u7528\u6765\u68c0\u6d4bjq\u5bf9\u8c61\u662f\u5426\u7b26\u5408\u6307\u5b9a\u7684\u9009\u62e9\u5668\n\t\t\t\t$(\"#btn5\").click(function(){\n\t\t\t\t\talert($(\"#one\").is(\":empty\"));\n\t\t\t\t});\n\n\t\t\t\t\/\/(6)has()\u9009\u62e9div\u4e2d\u5305\u542b.mini\u7684\n\t\t\t\t$(\"#btn6\").click(function(){\n\t\t\t\t\t\/\/has(selector)  \u9009\u62e9\u5668\u5b57\u7b26\u4e32    \u662f\u5426\u5305\u542bselector\n\t\t\t\t\t$(\"div\").has(\".mini\").css(\"background-color\",\"#bfa\");\n\t\t\t\t});\n\t\t\t\t\/\/(7)not()\u9009\u62e9div\u4e2dclass\u4e0d\u4e3aone\u7684\n\t\t\t\t$(\"#btn7\").click(function(){\n\t\t\t\t\t\/\/not(selector)  \u9009\u62e9\u4e0d\u662fselector\u7684\u5143\u7d20\n\t\t\t\t\t$(\"div\").not('.one').css(\"background-color\",\"#bfa\");\n\t\t\t\t});\n\t\t\t\t\/\/(8)children()\u5728body\u4e2d\u9009\u62e9\u6240\u6709class\u4e3aone\u7684div\u5b50\u5143\u7d20\n\t\t\t\t$(\"#btn8\").click(function(){\n\t\t\t\t\t\/\/children()  \u9009\u51fa\u6240\u6709\u7684\u5b50\u5143\u7d20\n\t\t\t\t\t$(\"body\").children(\"div.one\").css(\"background-color\",\"#bfa\");\n\t\t\t\t});\n\n\n\t\t\t\t\/\/(9)find()\u5728body\u4e2d\u9009\u62e9\u6240\u6709class\u4e3amini\u7684div\u5143\u7d20\n\t\t\t\t$(\"#btn9\").click(function(){\n\t\t\t\t\t\/\/find()  \u9009\u51fa\u6240\u6709\u7684\u540e\u4ee3\u5143\u7d20\n\t\t\t\t\t$(\"body\").find(\"div.mini\").css(\"background-color\",\"#bfa\");\n\t\t\t\t});\n\t\t\t\t\/\/(10)next() #one\u7684\u4e0b\u4e00\u4e2adiv\n\t\t\t\t$(\"#btn10\").click(function(){\n\t\t\t\t\t\/\/next()  \u9009\u62e9\u4e0b\u4e00\u4e2a\u5144\u5f1f\u5143\u7d20\n\t\t\t\t\t$(\"#one\").next(\"div\").css(\"background-color\",\"#bfa\");\n\t\t\t\t});\n\t\t\t\t\/\/(11)nextAll() #one\u540e\u9762\u6240\u6709\u7684span\u5143\u7d20\n\t\t\t\t$(\"#btn11\").click(function(){\n\t\t\t\t\t\/\/nextAll()   \u9009\u51fa\u540e\u9762\u6240\u6709\u7684\u5143\u7d20\n\t\t\t\t\t$(\"#one\").nextAll(\"span\").css(\"background-color\",\"#bfa\");\n\t\t\t\t});\n\t\t\t\t\/\/(12)nextUntil() #one\u548cspan\u4e4b\u95f4\u7684\u5143\u7d20\n\t\t\t\t$(\"#btn12\").click(function(){\n\t\t\t\t\t\/\/\n\t\t\t\t\t$(\"#one\").nextUntil(\"span\").css(\"background-color\",\"#bfa\")\n\t\t\t\t});\n\t\t\t\t\/\/(13)parent() .mini\u7684\u7236\u5143\u7d20\n\t\t\t\t$(\"#btn13\").click(function(){\n\t\t\t\t\t$(\".mini\").parent().css(\"background-color\",\"#bfa\");\n\t\t\t\t});\n\t\t\t\t\/\/(14)prev() #two\u7684\u4e0a\u4e00\u4e2adiv\n\t\t\t\t$(\"#btn14\").click(function(){\n\t\t\t\t\t\/\/prev()\n\t\t\t\t\t$(\"#two\").prev(\"div1\").css(\"background-color\",\"#bfa\")\n\t\t\t\t});\n\t\t\t\t\/\/(15)prevAll() span\u524d\u9762\u6240\u6709\u7684div\n\t\t\t\t$(\"#btn15\").click(function(){\n\t\t\t\t\t\/\/prevAll()   \u9009\u51fa\u524d\u9762\u6240\u6709\u7684\u5143\u7d20\n\t\t\t\t\t$(\"span\").prevAll(\"div\").css(\"background-color\",\"#bfa\")\n\t\t\t\t});\n\t\t\t\t\/\/(16)prevUntil() span\u5411\u524d\u76f4\u5230#one\u7684\u5143\u7d20\n\t\t\t\t$(\"#btn16\").click(function(){\n\t\t\t\t\t\/\/prevUntil(exp)   \u627e\u5230\u4e4b\u524d\u6240\u6709\u7684\u5144\u5f1f\u5143\u7d20\u76f4\u5230\u627e\u5230exp\u505c\u6b62\n\t\t\t\t\t$(\"span\").prevUntil(\"#one\").css(\"background-color\",\"#bfa\")\n\t\t\t\t});\n\t\t\t\t\/\/(17)siblings() #two\u7684\u6240\u6709\u5144\u5f1f\u5143\u7d20\n\t\t\t\t$(\"#btn17\").click(function(){\n\t\t\t\t\t\/\/siblings()    \u627e\u5230\u6240\u6709\u7684\u5144\u5f1f\u5143\u7d20\uff0c\u5305\u62ec\u524d\u9762\u7684\u548c\u540e\u9762\u7684\n\t\t\t\t\t$(\"#two\").siblings().css(\"background-color\",\"#bfa\")\n\t\t\t\t});\n\n\n\t\t\t\t\/\/(18)add()\u9009\u62e9\u6240\u6709\u7684 span \u5143\u7d20\u548cid\u4e3atwo\u7684\u5143\u7d20\n\t\t\t\t$(\"#btn18\").click(function(){\n\n\t\t\t\t\t\/\/   $(\"span,#two,.mini,#one\")\n\t\t\t\t\t$(\"span\").add(\"#two\")\n\t\t\t\t\t\t\t.add(\".mini\").add(\"#one\").css(\"background-color\",\"#bfa\");\n\n\t\t\t\t});\n\n\n\n\t\t\t});\n\n\n\t\t\t\/**\n\n\t\t\t \u8fc7\u6ee4\n\t\t\t eq(index|-index)\n\t\t\t first()\n\t\t\t last()\n\t\t\t hasClass(class)\n\t\t\t filter(expr|obj|ele|fn)\n\t\t\t is(expr|obj|ele|fn)1.6*\n\t\t\t has(expr|ele)\n\t\t\t not(expr|ele|fn)\n\t\t\t slice(start,[end])\n\n\t\t\t \u67e5\u627e\n\t\t\t children([expr])\n\t\t\t closest(expr,[con]|obj|ele)1.6*\n\t\t\t find(expr|obj|ele)\n\t\t\t next([expr])\n\t\t\t nextall([expr])\n\t\t\t nextUntil([exp|ele][,fil])1.6*\n\t\t\t parent([expr])\n\t\t\t parents([expr])\n\t\t\t parentsUntil([exp|ele][,fil])1.6*\n\t\t\t prev([expr])\n\t\t\t prevall([expr])\n\t\t\t prevUntil([exp|ele][,fil])1.6*\n\t\t\t siblings([expr])\n\n\t\t\t \u4e32\u8054\n\t\t\t add(expr|ele|html|obj[,con])\n\n\n\t\t\t *\/\n\t\t<\/script>\n\t<\/head>\n\t<body>\t\t\n\t\t<input type=\"button\" value=\"eq()\u9009\u62e9\u7d22\u5f15\u503c\u4e3a\u7b49\u4e8e 3 \u7684 div \u5143\u7d20\" id=\"btn1\" \/>\n\t\t<input type=\"button\" value=\"first()\u9009\u62e9\u7b2c\u4e00\u4e2a div \u5143\u7d20\" id=\"btn2\" \/>\n\t\t<input type=\"button\" value=\"last()\u9009\u62e9\u6700\u540e\u4e00\u4e2a div \u5143\u7d20\" id=\"btn3\" \/>\n\t\t<input type=\"button\" value=\"filter()\u5728div\u4e2d\u9009\u62e9\u7d22\u5f15\u4e3a\u5076\u6570\u7684\" id=\"btn4\" \/>\n\t\t<input type=\"button\" value=\"is()\u5224\u65ad#one\u662f\u5426\u4e3a:empty\u6216:parent\" id=\"btn5\" \/>\n\t\t<input type=\"button\" value=\"has()\u9009\u62e9div\u4e2d\u5305\u542b.mini\u7684\" id=\"btn6\" \/>\n\t\t<input type=\"button\" value=\"not()\u9009\u62e9div\u4e2dclass\u4e0d\u4e3aone\u7684\" id=\"btn7\" \/>\n\t\t<input type=\"button\" value=\"children()\u5728body\u4e2d\u9009\u62e9\u6240\u6709class\u4e3aone\u7684div\u5b50\u5143\u7d20\" id=\"btn8\" \/>\n\t\t<input type=\"button\" value=\"find()\u5728body\u4e2d\u9009\u62e9\u6240\u6709class\u4e3amini\u7684div\u540e\u4ee3\u5143\u7d20\" id=\"btn9\" \/>\n\t\t<input type=\"button\" value=\"next()#one\u7684\u4e0b\u4e00\u4e2adiv\" id=\"btn10\" \/>\n\t\t<input type=\"button\" value=\"nextAll()#one\u540e\u9762\u6240\u6709\u7684span\u5143\u7d20\" id=\"btn11\" \/>\n\t\t<input type=\"button\" value=\"nextUntil()#one\u548cspan\u4e4b\u95f4\u7684\u5143\u7d20\" id=\"btn12\" \/>\n\t\t<input type=\"button\" value=\"parent().mini\u7684\u7236\u5143\u7d20\" id=\"btn13\" \/>\n\t\t<input type=\"button\" value=\"prev()#two\u7684\u4e0a\u4e00\u4e2adiv\" id=\"btn14\" \/>\n\t\t<input type=\"button\" value=\"prevAll()span\u524d\u9762\u6240\u6709\u7684div\" id=\"btn15\" \/>\n\t\t<input type=\"button\" value=\"prevUntil()span\u5411\u524d\u76f4\u5230#one\u7684\u5143\u7d20\" id=\"btn16\" \/>\n\t\t<input type=\"button\" value=\"siblings()#two\u7684\u6240\u6709\u5144\u5f1f\u5143\u7d20\" id=\"btn17\" \/>\n\t\t<input type=\"button\" value=\"add()\u9009\u62e9\u6240\u6709\u7684 span \u5143\u7d20\u548cid\u4e3atwo\u7684\u5143\u7d20\" id=\"btn18\" \/>\n\n\t\t\n\t\t<h3>\u57fa\u672c\u9009\u62e9\u5668.<\/h3>\n\t\t<br \/><br \/>\n\t\t\u6587\u672c\u6846<input type=\"text\" name=\"account\" disabled=\"disabled\" \/>\n\t\t<br><br>\n\t\t<div class=\"one\" id=\"one\">\n\t\t\tid \u4e3a one,class \u4e3a one \u7684div\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t<\/div>\n\t\t<div class=\"one\" id=\"two\" title=\"test\">\n\t\t\tid\u4e3atwo,class\u4e3aone,title\u4e3atest\u7684div\n\t\t\t<div class=\"mini\" title=\"other\"><b>class\u4e3amini,title\u4e3aother<\/b><\/div>\n\t\t\t<div class=\"mini\" title=\"test\">class\u4e3amini,title\u4e3atest<\/div>\n\t\t<\/div>\n\t\t\n\t\t<div class=\"one\">\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\"><\/div>\n\t\t<\/div>\n\t\t<div class=\"one\">\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\" title=\"tesst\">class\u4e3amini,title\u4e3atesst<\/div>\n\t\t<\/div>\n\t\t<div style=\"display:none;\" class=\"none\">style\u7684display\u4e3a\"none\"\u7684div<\/div>\n\t\t<div class=\"hide\">class\u4e3a\"hide\"\u7684div<\/div>\n\t\t<span id=\"span1\">^^span\u5143\u7d20 111^^<\/span>\n\t\t<div>\n\t\t\t\u5305\u542binput\u7684type\u4e3a\"hidden\"\u7684div<input type=\"hidden\" size=\"8\">\n\t\t<\/div>\n\t\t<span id=\"span2\">^^span\u5143\u7d20 222^^<\/span>\n\t\t<div id=\"mover\">\u6b63\u5728\u6267\u884c\u52a8\u753b\u7684div\u5143\u7d20.<\/div>\n\t<\/body>\n<\/html>\n\n<\/code><\/pre>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>Title<\/title>\n    <script type=\"text\/javascript\" src=\"..\/script\/jquery-3.6.1.js\"><\/script>\n    <script type=\"text\/javascript\">\n        $(function () {\n            \/\/has(exp) \t\t    \u8fd4\u56de\u5305\u542b\u6709\u5339\u914d\u9009\u62e9\u5668\u7684\u5143\u7d20\u7684\u5143\u7d20\t\t    \u529f\u80fd\u8ddf :has \u4e00\u6837\n            alert($(\"div\").has(\"span\").length)\n            \/\/nextAll() \t    \u8fd4\u56de\u5f53\u524d\u5143\u7d20\u540e\u9762\u6240\u6709\u7684\u5144\u5f1f\u5143\u7d20\t\t    \u529f\u80fd\u8ddf prev ~ siblings \u529f\u80fd\u4e00\u6837\n            $(\"div:first\").nextAll().addClass(\"after\");\n            \/\/nextUntil() \t    \u8fd4\u56de\u5f53\u524d\u5143\u7d20\u5230\u6307\u5b9a\u5339\u914d\u7684\u5143\u7d20\u4e3a\u6b62\u7684\u540e\u9762\u5143\u7d20\n            $(\"div:first\").nextUntil(\"span\").addClass(\"after\");\n            \/\/prev(exp) \t\t\u8fd4\u56de\u5f53\u524d\u5143\u7d20\u7684\u4e0a\u4e00\u4e2a\u5144\u5f1f\u5143\u7d20\n            alert($(\"p\").prev().length);\n            \/\/prevAll() \t\t\u8fd4\u56de\u5f53\u524d\u5143\u7d20\u524d\u9762\u6240\u6709\u7684\u5144\u5f1f\u5143\u7d20\n            $(\"div:last\").prevAll().addClass(\"before\");\n            \/\/prevUnit(exp) \t\u8fd4\u56de\u5f53\u524d\u5143\u7d20\u5230\u6307\u5b9a\u5339\u914d\u7684\u5143\u7d20\u4e3a\u6b62\u7684\u524d\u9762\u5143\u7d20\n            $(\"div:last\").prevUntil(\"span\").addClass(\"before\");\n            \/\/siblings(exp) \t\u8fd4\u56de\u6240\u6709\u5144\u5f1f\u5143\u7d20\n            $(\"span\").siblings().addClass(\"before\");\n            \/\/add()\t\t\t    \u628a add \u5339\u914d\u7684\u9009\u62e9\u5668\u7684\u5143\u7d20\u6dfb\u52a0\u5230\u5f53\u524d jquery \u5bf9\u8c61\u4e2d\n            alert($(\"div\").add(\"span\").length)\n        });\n\n    <\/script>\n<\/head>\n<body>\n<!--    <div>div1<\/div>-->\n<!--    <div>div2<\/div>-->\n<!--    <div>div3<span>div\u4e2d\u7684span<\/span><\/div>-->\n\n<!--    <div><\/div>-->\n<!--    <div><\/div>-->\n<!--    <div><\/div>-->\n<!--    <span><\/span>-->\n<!--    <div><\/div>-->\n\n<!--    <div><\/div>-->\n<!--    <p>hello<\/p>-->\n<!--    <div><span>Hello Again<\/span><\/div>-->\n<!--    <p>And Again<\/p>-->\n\n    <div><\/div>\n    <span><\/span>\n    <div><\/div>\n    <div><\/div>\n    <div><\/div>\n\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
\u53ef\u89c1\u6027\u8fc7\u6ee4\u9009\u62e9\u5668<\/pre>\n\n\n\n
<!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01\/\/EN\" \"http:\/\/www.w3.org\/TR\/html4\/strict.dtd\">\n<html>\n\t<head>\n\t\t<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\">\n\t\t<title>Untitled Document<\/title>\n\t\t<style type=\"text\/css\">\n\t\t\tdiv, span, p {\n\t\t\t    width: 140px;\n\t\t\t    height: 140px;\n\t\t\t    margin: 5px;\n\t\t\t    background: #aaa;\n\t\t\t    border: #000 1px solid;\n\t\t\t    float: left;\n\t\t\t    font-size: 17px;\n\t\t\t    font-family: Verdana;\n\t\t\t}\n\t\t\t\n\t\t\tdiv.mini {\n\t\t\t    width: 55px;\n\t\t\t    height: 55px;\n\t\t\t    background-color: #aaa;\n\t\t\t    font-size: 12px;\n\t\t\t}\n\t\t\t\n\t\t\tdiv.hide {\n\t\t\t    display: none;\n\t\t\t}\t\t\t\n\t\t<\/style>\n\t\t<script type=\"text\/javascript\" src=\"..\/script\/jquery-1.7.2.js\"><\/script>\n\t\t<script type=\"text\/javascript\">\n\t\t\t$(document).ready(function(){\n\t\t\t\tfunction anmateIt(){\n\t\t\t\t\t$(\"#mover\").slideToggle(\"slow\", anmateIt);\n\t\t\t\t}\n\t\n\t\t\t\tanmateIt();\t\n\t\t\t});\n\t\t\t\/**\n\t\t\t\t:hidden   \n\t\t\t\t:visible  \n\t\t\t*\/\n\t\t\t$(document).ready(function(){\n\t\t\t\t\/\/1.\u9009\u53d6\u6240\u6709\u53ef\u89c1\u7684  div \u5143\u7d20\n\t\t\t\t$(\"#btn1\").click(function(){\n\t\t\t\t\t$().css(\"background\", \"#bbffaa\");\n\t\t\t\t});\n\n\t\t\t\t\/\/2.\u9009\u62e9\u6240\u6709\u4e0d\u53ef\u89c1\u7684 div \u5143\u7d20\n\t\t\t\t\/\/\u4e0d\u53ef\u89c1\uff1adisplay\u5c5e\u6027\u8bbe\u7f6e\u4e3anone\uff0c\u6216visible\u8bbe\u7f6e\u4e3ahidden\n\t\t\t\t$(\"#btn2\").click(function(){\n\t\t\t\t\t$().show(\"slow\").css(\"background\", \"#bbffaa\");\n\t\t\t\t});\n\n\t\t\t\t\/\/3.\u9009\u62e9\u6240\u6709\u4e0d\u53ef\u89c1\u7684 input \u5143\u7d20\n\t\t\t\t$(\"#btn3\").click(function(){\n\t\t\t\t\talert($().attr(\"value\"));\n\t\t\t\t});\t\n\t\t\t});\n\t\t<\/script>\n\t<\/head>\n\t<body>\t\t\n\t\t<input type=\"button\" value=\"\u9009\u53d6\u6240\u6709\u53ef\u89c1\u7684  div \u5143\u7d20\" id=\"btn1\">\n\t\t<input type=\"button\" value=\"\u9009\u62e9\u6240\u6709\u4e0d\u53ef\u89c1\u7684 div \u5143\u7d20\" id=\"btn2\" \/>\n\t\t<input type=\"button\" value=\"\u9009\u62e9\u6240\u6709\u4e0d\u53ef\u89c1\u7684 input \u5143\u7d20\" id=\"btn3\" \/>\n\t\t\n\t\t<br>\n\t\t<div class=\"one\" id=\"one\">\n\t\t\tid \u4e3a one,class \u4e3a one \u7684div\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t<\/div>\n\t\t<div class=\"one\" id=\"two\" title=\"test\">\n\t\t\tid\u4e3atwo,class\u4e3aone,title\u4e3atest\u7684div\n\t\t\t<div class=\"mini\" title=\"other\">class\u4e3amini,title\u4e3aother<\/div>\n\t\t\t<div class=\"mini\" title=\"test\">class\u4e3amini,title\u4e3atest<\/div>\n\t\t<\/div>\n\t\t<div class=\"one\">\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\"><\/div>\n\t\t<\/div>\n\t\t<div class=\"one\">\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\">class\u4e3amini<\/div>\n\t\t\t<div class=\"mini\" title=\"tesst\">class\u4e3amini,title\u4e3atesst<\/div>\n\t\t<\/div>\n\t\t<div style=\"display:none;\" class=\"none\">style\u7684display\u4e3a\"none\"\u7684div<\/div>\n\t\t<div class=\"hide\">class\u4e3a\"hide\"\u7684div<\/div>\n\t\t<div>\n\t\t\t\u5305\u542binput\u7684type\u4e3a\"hidden\"\u7684div<input type=\"hidden\" value=\"123456789\" size=\"8\">\n\t\t<\/div>\n\t\t<div id=\"mover\">\u6b63\u5728\u6267\u884c\u52a8\u753b\u7684div\u5143\u7d20.<\/div>\n\t<\/body>\n<\/html>\n\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
jQuery-\u57fa\u7840\u9009\u62e9\u5668 jQuery-\u5c42\u7ea7\u9009\u62e9\u5668 jQuery-\u57fa\u672c\u8fc7\u6ee4\u9009\u62e9\u5668 jQuery-\u5185\u5bb9\u8fc7\u6ee4\u9009\u62e9\u5668 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[59],"tags":[61],"class_list":["post-2033","post","type-post","status-publish","format-standard","hentry","category-javaweb-code","tag-javaweb"],"_links":{"self":[{"href":"https:\/\/qaqaq.top\/index.php?rest_route=\/wp\/v2\/posts\/2033"}],"collection":[{"href":"https:\/\/qaqaq.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qaqaq.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qaqaq.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qaqaq.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2033"}],"version-history":[{"count":2,"href":"https:\/\/qaqaq.top\/index.php?rest_route=\/wp\/v2\/posts\/2033\/revisions"}],"predecessor-version":[{"id":2691,"href":"https:\/\/qaqaq.top\/index.php?rest_route=\/wp\/v2\/posts\/2033\/revisions\/2691"}],"wp:attachment":[{"href":"https:\/\/qaqaq.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2033"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qaqaq.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2033"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qaqaq.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2033"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}