<\/span><\/h2>\n\n\n\nB\u1ed9 ch\u1ecdn jQuery cho ph\u00e9p b\u1ea1n ch\u1ecdn v\u00e0 thao t\u00e1c tr\u00ean c\u00e1c th\u00e0nh ph\u1ea7n HTML.<\/p>\n\n\n\n
B\u1ed9 ch\u1ecdn jQuery \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 \u201ct\u00ecm ki\u1ebfm\u201d (ho\u1eb7c l\u1ef1a ch\u1ecdn) ph\u1ea7n t\u1eed HTML d\u1ef1a tr\u00ean id, class, ki\u1ec3u, thu\u1ed9c t\u00ednh, gi\u00e1 tr\u1ecb c\u1ee7a thu\u1ed9c t\u00ednh v\u00e0 nhi\u1ec1u y\u1ebfu t\u1ed1 kh\u00e1c n\u1eefa. N\u00f3 d\u1ef1a tr\u00ean b\u1ed9 ch\u1ecdn c\u1ee7a CSS, v\u00e0 th\u00eam v\u00e0o \u0111\u00f3 c\u00f3 nh\u1eefng b\u1ed9 ch\u1ecdn t\u00f9y bi\u1ebfn ri\u00eang.<\/p>\n\n\n\n
T\u1ea5t c\u1ea3 c\u00e1c b\u1ed9 ch\u1ecdn trong jQuery b\u1eaft \u0111\u1ea7u v\u1edbi k\u00fd hi\u1ec7u $ v\u00e0 d\u1ea5u ngo\u1eb7c \u0111\u01a1n: $()<\/code><\/p>\n\n\n\n
\n\n\n\n<\/span>L\u1ef1a ch\u1ecdn ph\u1ea7n t\u1eed theo t\u00ean<\/span><\/h2>\n\n\n\njQuery l\u1ef1a ch\u1ecdn th\u00e0nh ph\u1ea7n d\u1ef1a tr\u00ean t\u00ean c\u1ee7a ph\u1ea7n t\u1eed.<\/p>\n\n\n\n
B\u1ea1n c\u00f3 th\u1ec3 ch\u1ecdn t\u1ea5t c\u1ea3 c\u00e1c th\u1ebb <p> trong trang b\u1eb1ng c\u00e1ch:<\/p>\n\n\n\n
$(\"p\")<\/code><\/pre>\n\n\n\nV\u00ed d\u1ee5:<\/p>\n\n\n\n
Khi ng\u01b0\u1eddi d\u00f9ng click v\u00e0o button, t\u1ea5t c\u1ea3 c\u00e1c th\u1ebb <p> s\u1ebd b\u1ecb \u1ea9n \u0111i:<\/p>\n\n\n\n
$(document).ready(function(){\n$(\"button\").click(function(){\n$(\"p\").hide();\n});\n});<\/code><\/pre>\n\n\n\n
\n\n\n\n<\/span>L\u1ef1a ch\u1ecdn theo id<\/span><\/h2>\n\n\n\njQuery c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng id c\u1ee7a th\u1ebb HTML \u0111\u1ec3 t\u00ecm ra ph\u1ea7n t\u1eed c\u1ee5 th\u1ec3 c\u1ea7n t\u00e1c \u0111\u1ed9ng.<\/p>\n\n\n\n
M\u1ed9t id ph\u1ea3i duy nh\u1ea5t trong trang, v\u00ec v\u1eady b\u1ea1n ph\u1ea3i s\u1eed d\u1ee5ng #id selector khi b\u1ea1n mu\u1ed1n t\u00ecm ki\u1ebfm m\u1ed9t th\u00e0nh ph\u1ea7n duy nh\u1ea5t.<\/p>\n\n\n\n
\u0110\u1ec3 t\u00ecm ph\u1ea7n t\u1eed v\u1edbi id c\u1ee5 th\u1ec3, vi\u1ebft k\u00fd t\u1ef1 th\u0103ng (#) theo sau b\u1edfi t\u00ean id c\u1ee7a ph\u1ea7n t\u1eed HTML: $(\"#test\")<\/code><\/p>\n\n\n\nV\u00ed d\u1ee5:<\/p>\n\n\n\n
Khi ng\u01b0\u1eddi d\u00f9ng click v\u00e0o butto, ph\u1ea7n t\u1eed v\u1edbi id=”test” s\u1ebd b\u1ecb \u1ea9n \u0111i:<\/p>\n\n\n\n
$(document).ready(function(){\n$(\"button\").click(function(){\n$(\"#test\").hide();\n});\n});<\/code><\/pre>\n\n\n\n
\n\n\n\n<\/span>L\u1ef1a ch\u1ecdn theo class<\/span><\/h2>\n\n\n\nB\u1ed9 ch\u1ecdn jQuery theo class t\u00ecm ph\u1ea7n t\u1eed v\u1edbi m\u1ed9t class c\u1ee5 th\u1ec3.<\/p>\n\n\n\n
\u0110\u1ec3 t\u00ecm c\u00e1c ph\u1ea7n t\u1eed v\u1edbi class c\u1ee5 th\u1ec3, vi\u1ebft d\u1ea5u ch\u1ea5m theo sau b\u1edfi t\u00ean c\u1ee7a class:<\/p>\n\n\n\n
$(\".test\")<\/code><\/pre>\n\n\n\nV\u00ed d\u1ee5<\/p>\n\n\n\n
Khi ng\u01b0\u1eddi d\u00f9ng click v\u00e0o button, th\u00e0nh ph\u1ea7n v\u1edbi class=\u201dtest\u201d s\u1ebd b\u1ecb \u1ea9n \u0111i:<\/p>\n\n\n\n
$(document).ready(function(){\n$(\"button\").click(function(){\n$(\".test\").hide();\n});\n});<\/code><\/pre>\n\n\n\n
\n\n\n\n<\/span>Th\u00eam c\u00e1c v\u00ed d\u1ee5 v\u1ec1 b\u1ed9 ch\u1ecdn trong jQuery<\/span><\/h2>\n\n\n\nC\u00fa ph\u00e1p<\/th> | M\u00f4 t\u1ea3<\/th> | <\/th><\/tr> |
---|
$(“*”)<\/td> | Ch\u1ecdn t\u1ea5t c\u1ea3 c\u00e1c th\u00e0nh ph\u1ea7n<\/td> | <\/td><\/tr> |
$(this)<\/td> | Ch\u1ecdn ph\u1ea7n t\u1eed HTML hi\u1ec7n t\u1ea1i<\/td> | <\/td><\/tr> |
$(“p.intro”)<\/td> | Ch\u1ecdn t\u1ea5t c\u1ea3 c\u00e1c th\u1ebb p v\u1edbi class l\u00e0 intro<\/td> | <\/td><\/tr> |
$(“p:first”)<\/td> | Ch\u1ecdn th\u1ebb p \u0111\u1ea7u ti\u00ean<\/td> | <\/td><\/tr> |
$(“ul li:first”)<\/td> | Ch\u1ecdn th\u1ebb li \u0111\u1ea7u ti\u00ean n\u1eb1m trong th\u1ebb ul \u0111\u1ea7u ti\u00ean<\/td> | <\/td><\/tr> |
$(“ul li:first-child”)<\/td> | Ch\u1ecdn t\u1ea5t c\u1ea3 c\u00e1c th\u1ebb li \u0111\u1ea7u ti\u00ean n\u1eb1m trong c\u00e1c th\u1ebb ul<\/td> | <\/td><\/tr> |
$(“[href]”)<\/td> | L\u1ef1a ch\u1ecdn t\u1ea5t c\u1ea3 c\u00e1c th\u1ebb c\u00f3 thu\u1ed9c t\u00ednh href<\/td> | <\/td><\/tr> |
$(“a[target=’_blank’]”)<\/td> | L\u1ef1a ch\u1ecdn t\u1ea5t c\u1ea3 c\u00e1c th\u1ebb a v\u1edbi thu\u1ed9c t\u00ednh \u0111\u01b0\u1ee3c ch\u1ecdn c\u00f3 gi\u00e1 tr\u1ecb b\u1eb1ng \u201c_blank\u201d<\/td> | <\/td><\/tr> |
$(“a[target!=’_blank’]”)<\/td> | L\u1ef1a ch\u1ecdn t\u1ea5t c\u1ea3 c\u00e1c th\u1ebb a v\u1edbi thu\u1ed9c t\u00ednh \u0111\u01b0\u1ee3c ch\u1ecdn c\u00f3 gi\u00e1 tr\u1ecb kh\u00e1c \u201c_blank\u201d<\/td> | <\/td><\/tr> |
$(“:button”)<\/td> | L\u1ef1a ch\u1ecdn t\u1ea5t c\u1ea3 c\u00e1c th\u1ebb <button> v\u00e0 input c\u00f3 type l\u00e0 button (type=\u201dbutton\u201d)<\/td> | <\/td><\/tr> |
$(“tr:even”)<\/td> | L\u1ef1a ch\u1ecd t\u1ea5t c\u1ea3 c\u00e1c th\u1ebb <tr> ch\u1eb5n<\/td> | <\/td><\/tr> |
$(“tr:odd”)<\/td> | L\u1ef1a ch\u1ecdn t\u1ea5t c\u1ea3 c\u00e1c th\u1ebb <tr> l\u1ebb<\/td> | <\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n \n\n\n\n<\/span>Ch\u1ee9c n\u0103ng trong m\u1ed9t file ri\u00eang<\/span><\/h2>\n\n\n\nN\u1ebfu trang web c\u1ee7a b\u1ea1n bao g\u1ed3m nhi\u1ec1u trang, v\u00e0 b\u1ea1n mu\u1ed1n ch\u1ee9c n\u0103ng jQuery c\u1ee7a b\u1ea1n v\u1eadn h\u00e0nh d\u1ec5 d\u00e0ng, b\u1ea1n c\u00f3 th\u1ec3 \u0111\u01b0a file jQuery \u0111\u00f3 v\u00e0o file .js ri\u00eang.Khi ch\u00fang t\u00f4i th\u1ef1c h\u00e0nh c\u00e1c b\u00e0i t\u1eadp li\u00ean quan \u0111\u1ebfn jQuery trong c\u00e1c b\u00e0i h\u01b0\u1edbng d\u1eabn, c\u00e1c ch\u1ee9c n\u0103ng \u0111\u01b0\u1ee3c b\u1ed5 sung tr\u1ef1c ti\u1ebfp v\u00e0o b\u00ean trong th\u00e0nh ph\u1ea7n <head> . Tuy nhi\u00ean, \u0111\u00f4i khi n\u00f3 l\u00e0 th\u00edch h\u1ee3p h\u01a1n \u0111\u1ec3 \u0111\u1eb7t ch\u00fang trong m\u1ed9t file ri\u00eang bi\u1ec7t, gi\u1ed1ng nh\u01b0 th\u1ebf n\u00e0y (s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh src \u0111\u1ec3 li\u00ean k\u1ebft t\u1edbi c\u00e1c file .js) :<\/p>\n\n\n\n V\u00ed d\u1ee5:<\/p>\n\n\n\n <head>\n<script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.11.2\/jquery.min.js\">\n<\/script>\n<script src=\"my_jquery_functions.js\"><\/script>\n<\/head><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"B\u1ed9 ch\u1ecdn jQuery l\u00e0 m\u1ed9t trong nh\u1eefng ph\u1ea7n quan tr\u1ecdng nh\u1ea5t c\u1ee7a th\u01b0 vi\u1ec7n jQuery. B\u1ed9 ch\u1ecdn jQuery B\u1ed9 ch\u1ecdn jQuery cho ph\u00e9p b\u1ea1n ch\u1ecdn v\u00e0 thao t\u00e1c tr\u00ean c\u00e1c th\u00e0nh ph\u1ea7n HTML. B\u1ed9 ch\u1ecdn jQuery \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 \u201ct\u00ecm ki\u1ebfm\u201d (ho\u1eb7c l\u1ef1a ch\u1ecdn) ph\u1ea7n t\u1eed HTML d\u1ef1a tr\u00ean id, class, ki\u1ec3u, thu\u1ed9c t\u00ednh, …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[237],"tags":[],"yoast_head":"\n B\u1ed9 ch\u1ecdn c\u1ee7a jQuery • Ki\u1ebfn c\u00e0ng<\/title>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\n\t\n","yoast_head_json":{"title":"B\u1ed9 ch\u1ecdn c\u1ee7a jQuery • Ki\u1ebfn c\u00e0ng","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kiencang.net\/bo-chon-cua-jquery\/","og_locale":"vi_VN","og_type":"article","og_title":"B\u1ed9 ch\u1ecdn c\u1ee7a jQuery • Ki\u1ebfn c\u00e0ng","og_description":"B\u1ed9 ch\u1ecdn jQuery l\u00e0 m\u1ed9t trong nh\u1eefng ph\u1ea7n quan tr\u1ecdng nh\u1ea5t c\u1ee7a th\u01b0 vi\u1ec7n jQuery. B\u1ed9 ch\u1ecdn jQuery B\u1ed9 ch\u1ecdn jQuery cho ph\u00e9p b\u1ea1n ch\u1ecdn v\u00e0 thao t\u00e1c tr\u00ean c\u00e1c th\u00e0nh ph\u1ea7n HTML. B\u1ed9 ch\u1ecdn jQuery \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 \u201ct\u00ecm ki\u1ebfm\u201d (ho\u1eb7c l\u1ef1a ch\u1ecdn) ph\u1ea7n t\u1eed HTML d\u1ef1a tr\u00ean id, class, ki\u1ec3u, thu\u1ed9c t\u00ednh, …","og_url":"https:\/\/kiencang.net\/bo-chon-cua-jquery\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2015-02-18T05:23:00+00:00","author":"Nguy\u1ec5n \u0110\u1ee9c Anh","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Nguy\u1ec5n \u0110\u1ee9c Anh","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"3 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/bo-chon-cua-jquery\/","url":"https:\/\/kiencang.net\/bo-chon-cua-jquery\/","name":"B\u1ed9 ch\u1ecdn c\u1ee7a jQuery • Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2015-02-18T05:23:00+00:00","dateModified":"2015-02-18T05:23:00+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/bo-chon-cua-jquery\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/bo-chon-cua-jquery\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/bo-chon-cua-jquery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"B\u1ed9 ch\u1ecdn c\u1ee7a jQuery"}]},{"@type":"WebSite","@id":"https:\/\/kiencang.net\/#website","url":"https:\/\/kiencang.net\/","name":"Ki\u1ebfn c\u00e0ng","description":"\u00d4m l\u00fd thuy\u1ebft, h\u00f4n th\u1ef1c h\u00e0nh","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiencang.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16","name":"Nguy\u1ec5n \u0110\u1ee9c Anh","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/kiencang.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","caption":"Nguy\u1ec5n \u0110\u1ee9c Anh"},"description":"Sinh n\u0103m 1987, t\u1ed1t nghi\u1ec7p Cao \u0111\u1eb3ng th\u1ef1c h\u00e0nh FPT qu\u00e3ng 2014, chuy\u00ean ng\u00e0nh Thi\u1ebft k\u1ebf website. T\u00f4i th\u00edch Content, SEO, Ads, T\u0103ng t\u1ed1c website v\u00e0 Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. B\u00ean c\u1ea1nh b\u00e0i t\u1ef1 vi\u1ebft, t\u00f4i c\u0169ng d\u1ecbch nhi\u1ec1u n\u1ed9i dung th\u00fa v\u1ecb c\u1ee7a c\u00e1c t\u00e1c gi\u1ea3 kh\u00e1c nhau. FB c\u00e1 nh\u00e2n: facebook.com\/anhducnguyen87. Email li\u00ean h\u1ec7: guiemailchotoi@gmail.com","sameAs":["https:\/\/www.facebook.com\/anhducnguyen87\/"],"url":"https:\/\/kiencang.net\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/11991"}],"collection":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/comments?post=11991"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/11991\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=11991"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=11991"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=11991"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
|