jQuery 核心 - jQuery() 方法
အကြောင်းကြား
找出所有属于 div 元素的子元素的 p 元素,然后设置其边框属性:
$("div > p")(")div > p("");
ပြန်လည်ဖြေဖြူးပါ
အသုံးပြုနည်းနှင့် အရာဝတ္တု
jQuery() အကူအညီ အစုအဝေး ကို ပေါ်ပေါ်မှ ကိုက်နှက်ရန်
jQuery() အကူအညီ အခြေခံ
အခြေခံ 1
jQuery(selector, [context]
အစုအဝေး ကို ပေါ်ပေါ်မှ ကိုက်နှက်ရန် အစုအဝေး ကို ပေါ်ပေါ်မှ ကိုက်နှက်ရန်
အခြေခံ 2
jQuery(html,ownerDocument]
အခြေခံ HTML ကို အသုံးပြု၍ DOM အရာဝတ္တု ကို ဖန်တီးရန်
ပုံစံ 3
jQuery( callback )
jQuery( selector, [ context ] )
အက္ခရာ သုံးစွဲနည်း အမျိုးမျိုး ရှိသည်:
အသုံးပြုပုံ 1: ရှာဖွေရန် စကာတင်းနှင့် ပြုပြင်ရမည့် နိုင်ငံရေး ကို ကြိုးပမ်းရန်
语法
jQuery(selector, [context]
ပြင်းပြင်းထန်ထန်သော အခါ ကဲ့သို့ ရှိသော စကာတင်းသည် အခြေခံ မူလ အခြေအနေမှ အခြေခံ စကာတင်း ကို ရှာဖွေရသည်။ သို့သော် $() အတွက် အခြေခံ context အပ်ချက် ကို ဖြိုးဆောင်နိုင်ပါသည်。
နောက်ထပ်အခါ ကျွန်တော်တို့ ကိုယ်တိုင် စကာတင်းအသုံးပြုရာ အစုအဝေး ကို ရှာဖွေရန် အရေးယူရမည့် ပြုလုပ်ခြင်း ဖြစ်သည့်:
အကြောင်းကြား
(")div.foo("").click(function() { ("span", this).addClass("bar"); });
由于我们已经将 span 选择器限定到 this 这个环境中,只有被点击元素中的 span 会得到附加的 class。
在内部,选择器环境是通过 .find() 方法实现的,因此 $("span", this) 等价于 $(this).find("span")。
jQuery 的核心功能都是通过这个函数实现的。jQuery中的一切都基于这个函数,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个表达式来查找所有匹配的元素。
默认情况下, 如果没有指定 context 参数,$() 将在当前的 HTML document 中查找 DOM 元素;如果指定了 context 参数,如一个 DOM 元素集或 jQuery 对象,那就会在这个 context 中查找。在 jQuery 1.3.2 以后,其返回的元素顺序等同于在 context 中出现的先后顺序。
用法 2 :使用 DOM 元素
语法
jQuery(element)
该函数允许我们通过使用以其他方式找到的 DOM 元素来创建 jQuery 对象。该功能通常的用法是,对已经通过 this 关键字传递到 callback 函数的元素调用 jQuery 的方法:
အကြောင်းကြား
$("div.foo").click(function() { $(this).slideUp(); });
ဤ အမှုန် ကို အဆိုပါ အဖွဲ့အစည်းသုံးခြင်း ကို စုပ်ဆိုင်းခြင်း ကို ပြင့်တော်ကြည့်လိုက်ရာ၌ အဆိုပါ အဖွဲ့အစည်းသုံးခြင်း ကို ကူးယူကြသည်။ ပြင့်တော်ကြည့်လိုက်ရာ၌ ပြင့်တော်ကြည့်သော အဖွဲ့အစည်း ကို ကူးယူခြင်း ပါဝင်သည်။ အဆိုပါ အဖွဲ့အစည်းသုံးခြင်း ကို ကူးယူပြီးနောက် ပြင့်တော်ကြည့်သော အဖွဲ့အစည်း ကို အဖွဲ့အစည်းသုံးခြင်း ကို သုံးခြင်း လုပ်ဆောင်ရန် လိုအပ်သည်။
ဤ ဖိုင်သုံးခြင်း ကို XML မူဌာန် နှင့် Window အဖွဲ့အစည်း (သို့မဟုတ် သူတို့ သည် DOM အဖွဲ့အစည်း မဟုတ်) ကို အချက်အလက်အဖြစ် လက်ခံနိုင်သည်။
XML သတင်းပိုင်း ကို Ajax ဖြေရှင်းမှ ပြန်လည်သွင်းခဲ့ပြီးနောက် ကို $() ဖိုင်သုံးလိုက်ရာ၌ အဖွဲ့အစည်းသုံးခြင်း ကို သတင်းပိုင်းကို စုပ်ဆိုင်းလိုက်ရာ၌ အသုံးပြုနိုင်သည်။ အသုံးပြုခြင်း အပြီးပြဲ့ပြီးနောက် ကို .find() နှင့် အခြား DOM ချက်ချင်းဆိုင်းမှု စုပ်ဆိုင်းမှုများ ကို အသုံးပြုလိုက်ရာ၌ သတင်းပိုင်းအစုစုကို ပြန်လည်သွင်းလိုက်ရာ၌ အသုံးပြုနိုင်သည်။
အသုံးပြုခြင်း 3: အဖွဲ့အစည်းသုံးခြင်း ကူးယူခြင်း
语法
jQuery(jQuery object)
ပြင့်တော်ကြည့်သော သတင်းပိုင်း ကို $() ဖိုင်သုံးလိုက်ရာ၌ အဖွဲ့အစည်းသုံးခြင်း ကို ကူးယူကြသည်။ အစိတ်တူ အဖွဲ့အစည်းသုံးခြင်း ကဲ့သို့ အသစ်အဖွဲ့အစည်းသုံးခြင်း ကုတ်တည်း ကို ကူးယူခြင်း သုံးခြင်း ပါဝင်သည်။
用法 4 :返回空的集合
语法
jQuery()
对于 jQuery 1.4,调用无参数的 jQuery() 方法会返回空的 jQuery 集合。在之前版本的 jQuery 中,这样会返回包含 document 节点的集合。
jQuery( html, [ ownerDocument ] )
အက္ခရာ သုံးစွဲနည်း အမျိုးမျိုး ရှိသည်:
အသုံးပြုခြင်း 1: အသစ် အသုံးပြုသည်
语法
jQuery(html,ownerDocument]
အခါအားဖြင့် အချက်အလက် အသစ် သည် အချက်အလက် အသစ် ဖြစ်သည်။
အခါအားဖြင့် အချက်အလက် အသစ် သည် အချက်အလက် အသစ် ဖြစ်သည်။ အချက်အလက် အသစ် သည် အချက်အလက် အသစ် ဖြစ်သည်။
အခါအားဖြင့် အချက်အလက် အသစ် ကို $() သို့ ပြောင်းချိန် ပြုလုပ်ခြင်း ကို ပြုလုပ်ခြင်း ဖြစ်သည်။ အချက်အလက် အသစ် သည် ဟောင်း ဟောင်း ဖြစ်သည်ကို မူတည်ပြီးဖြစ်၍ အချက်အလက် အသစ် သည် ဟောင်း ဟောင်း ဖြစ်သည်။ အချက်အလက် အသစ် သည် ဟောင်း ဟောင်း ဖြစ်သည်။
အကြောင်းကြား
$("<p id="test">My <em>new</em> text</p>").appendTo("body");
အခါအားဖြင့် ဟောင်း ဟောင်း ပြောင်းချိန် အချင်း ကို အလွန် လုပ်ကိုင်တတ် သော ဟောင်း ဟောင်း ဖြစ်သည်ကို မူတည်ပြီးဖြစ်၍ အထက်အပြုအမူ အချင်း ကဲ့သို့ ဟောင်း ဟောင်း အသား ကို အလွန် လုပ်ကိုင်တတ် သော ဟောင်း ဟောင်း ဖြစ်သည်။ အများဆုံး အမှတ်အသား ဖြင့် ပြောကြားချင်လျှင်၊ ဂျူးကယ် က အချက်အလက် အသစ် တစ်ခု ဖန်တီးပြီး အချက်အလက် အသစ် ကို အသုံးပြုသော အသုံးပြုသူ အချက်အလက် အသစ် ကို ဖြင့် အသုံးပြုသည်။ အချက်အလက် အသစ် သည် အကျယ်အဝန်း အသစ် ကို ဖန်တီးပြီး ပြန်လည် ပြန်ထုတ်သည်။ အချက်အလက် အသစ် သည် အကျယ်အဝန်း အသစ် ကို ဖန်တီးပြီး ပြန်လည် ပြန်ထုတ်သည်။
要确保跨平台兼容性,片段的结构必须良好。能够包含其他元素的标签必须成对出现(带有关闭标签):
$("");
不过,jQuery 也允许类似 XML 的标签语法:
$("");
无法包含其他元素的标签可以关闭,也可以不关闭:
$(""); $("");
用法 2 :设置属性和事件
语法
jQuery(html,props)
对于 jQuery 1.4,我们可以向第二个参数传递一个属性映射。该参数接受能够传递给 .attr() 方法的属性的超集。此外,可以传递任意的事件类型,并可以调用下面的 jQuery 方法:val, css, html, text, data, width, height, or offset.
注意,Internet Explorer 不允许你创建 input 元素并改变其类型;您必须使用例如 "" 来规定类型。
အကြောင်းကြား
အသုံးပြုပါ အချက်အလက် အား ပြည့်ပြည့် သတ်မှတ်ထား ပြီး အချက်အလက် အား ပြည့်ပြည့် ကို ကူးပြောင်းပါ
$("<input>", { type: "text", val: "Test", focusin: function() { $(this).addClass("active"); }, focusout: function() { $(this).removeClass("active"); } }).appendTo("form");
jQuery( callback )
DOM ရိုက်တာ ပြီးစဉ် လုပ်ဆောင်ရမည့် အထူး ပုံစံ အသုံးပြုပါ
အဆိုပါ ပုံစံ သည် $(document).ready() နဲ့ အတူ လုပ်ဆောင်သည် သာမက အဆိုပါ ပုံစံ ကို သုံးပြု သောအခါ ပုံစံ အတွက် ပုံစံ အချက်အလက် အား ပုံစံ အတွင်း အသုံးပြုပါ သည်။ နောက်ထပ် နည်းပညာရှိ အားဖြင့် ပုံစံ သည် ချိတ်ဆက်နိုင်သည် သာမက အမှန်တကယ် ထိုနည်းလမ်း ဖြင့် ချိတ်ဆက်သည် မှာ ပို၍ မပါဘူး。
အကြောင်းကြား
DOM တစ်ခု ပြီးစဉ် အရာတွေ လုပ်ဆောင်ရမည့် အထူး ပုံစံ အသုံးပြုပါ
$(function(){ // ရိုက်တာ ပြီး });