導航:首頁 > 使用方法 > jq對象元素常用方法

jq對象元素常用方法

發布時間:2022-01-09 20:39:18

『壹』 JQuery this和$的區別及獲取$子元素對象的方法

this 和 $ 並沒有可比性
this是指當前的對象,比如說一個點擊按鈕的事件,this就是指按鈕對象
而$是jquery的一個方法名,等同於JQuery(),我們一般用$(xxx),其實是調用了一個方法,把瀏覽器對象通過$方法(=JQuery(xxx)),把這個對象用jquery的方式封裝起來了,這樣我們就能用jquery統一的對象方法來對這個dom對象進行操作了
比如說取得某元素的子元素我們就用 $("此元素的選擇器表達式").children() (結果是子元素的數組)
$(xxx)的xxx可以是一個直接的對象,也可以是jquery選擇器的表達式,比如$("#aaa")就是在DOM中找到id="aaa"的元素
當然,$(xxx).find("yyy") yyy也是選擇器表達式,也可以找到xxx元素下,符合yyy選擇器的子元素對象

『貳』 jquery事件對象event有哪些屬性和方法

1.event.type屬性
該方法作用是可以獲取到時間的類型。
2.event.preventDefault()方法
該方法的作用是阻止默認的事件行為。JavaScript中符合W3C規范的preventDefault()方法在IE瀏覽器中無效。jQuery對其進行了封裝,使之能兼容各種瀏覽器。

3.event.stopPropagation()方法
該方法是阻止事件的冒泡。JavaScript中符合W3C規范的stopPropagation()方法在IE瀏覽器中無效。jQuery對其進行封裝,使之能兼容各種瀏覽器。

4.event.target屬性
event.target屬性的作用是獲取到出發事件的元素。jQuery對其封裝後,避免了W3C、IE和safari瀏覽器不同標準的差異。

5.event.relatedTarget屬性
在標准DOM中,mouseover和mouseout所發生的元素可以通過event.target()方法來訪問,相關元素是通過event.relatedTarget屬性來訪問的。event.relatedTarget屬性在mouseover中相當於IE瀏覽器的event.fromElement屬性,在mouseout中相當於IE瀏覽器的event.toElement,jQuery對其進行了封裝,使之能兼容各種瀏覽器。

6.event.pageX/event.pageY屬性
該方法的作用是獲取到游標相對頁面的x坐標和y坐標。如果沒有使用jQuery時,那麼IE瀏覽器中是用event/event.y方法,而在Firefox瀏覽器中用event.pageX/event.pageY方法。如果頁上有滾動條,則還要加上滾動條的寬度和高度。在IE瀏覽器中還應該減去默認的2px的邊框。
7.event.which屬性
該方法的作用是在滑鼠單擊事件中獲取到滑鼠的左、中、右鍵;在鍵盤事件中獲取鍵盤的按鈕。
8.event.metaKey屬性
針對不同瀏覽器對鍵盤中的<ctrl>按鍵解釋不同,jQuery也進行了封裝,並規定event.metaKey()方法為鍵盤事件中獲取<ctrl>按鍵。

9.event.originalEvent屬性。
該方法的作用是指向原始的事件對象。

『叄』 jquery簡單問題:如何把元素對象作自定義函數的形參

按照一般形參進行就可以了,例如:

如果myVar是jQuery對象:
functionCallme(myVar){
if(myVar.is(":checked")){
//...
}
}
or:
functionCallme(myVar){
if(myVar[0].checked){
//...
}
}

『肆』 jquery中表單的對象屬性有哪些

console.dir(表單對象),在控制台看一下

『伍』 JQ刪除對象元素

<scripttype='text/javascript'src='http://www.cfucc.com/'></script>//jquery
<script>
$(document).ready(function(){
$("p").remove(".111");
});
</script>
<divid="222">

<divid="111"style="background-color:#003;width:800px;height:100px;color:#FFF;"><a>4444</a>aaa<span>4454</span><p>484848</p></div>
<pclass="111">1544644</p>
</div>

『陸』 如何刪除jQuery對象中元素

1、可以這樣做:1234window._obj = '張三';//定義對象,這時候有了一個對象_objconsole.log,控制台輸出對象:張三delete window._obj;//刪除對象nameconsole.log(window._obj);//控制台輸出:Undefind,1$('#your_id').remove。

2、$(document).ready(function(){ $(".tab1_tag1_con a").click(function(){ var $abca=$(this).html(); var $parent = $(".tab1_tag2_con"); var $parentlen=$(".tab1_tag2_con").children("a").length; alert('<a href="javascript:void(0)">'+$abca+'</a>'); if ($parentlen<9) { $parent.append('<a href="javascript:void(0)">'+$abca+'</a>'); } else { alert("不能添加超過10個"); } }); $(".input_bt7").click(function(){ var $city = $("#input_bt77").attr("value"); var $parent = $(".tab1_tag2_con"); $parent.append($city); }); $(".tab1_tag2_con a").click(function(){ $(this).remove(); }); }); 刪除tab1_tag2_con a里原有的<a>就可以,但是不能刪除後來添加的<a>。

3、remove方法移除被選元素,包括所有文本和子節點,該方法不會把匹配的元素從 jQuery 對象中刪除,因而可以在將來再使用這些匹配的元素。

4、但除了這個元素本身得以保留之外,remove不會保留元素的 jQuery 數據,其他的比如綁定的事件、附加的數據等都會被移除。


『柒』 jquery 選擇器,怎麼取得一個jquery對象中的<a>標簽的對象

var aAll = abc.find('a');

find(expr)
搜索所有與指定表達式匹配的元素。這個函數是找出正在處理的元素的後代元素的好方法。
所有搜索都依靠jQuery表達式來完成。這個表達式可以使用CSS1-3的選擇器語法來寫。

返回值
jQuery

參數
expr (String) :用於查找的表達式

示例
從所有的段落開始,進一步搜索下面的span元素。與$("p span")相同。

HTML 代碼:

<p><span>Hello</span>, how are you?</p>
jQuery 代碼:

$("p").find("span")
結果:

[ <span>Hello</span> ]

『捌』 jquery獲取子元素的方法 find()的用法

你這樣是正確的獲取子節點的方法,只是你後面的toggle寫錯了
應該再加上小括弧:如下

$(this).find(".menu_son").toggle();

『玖』 jquery中如何獲取當前DOM對象里的子元素

jquery中獲取當前dom元素的子元素的方法有很多,常見的方法是使用children()方法或者fand()方法都是可以獲取到某個元素的子元素的,children() 方法返回匹配元素集合中每個元素的子元素,find()方法獲得當前元素集合中每個元素的後代,通過選擇器、jQuery 對象或元素來篩選。

工具原料:jQuery、編輯器、瀏覽器

一、使用children()方法獲得子元素

1、使用該方法獲取子元素並設置子元素的字體為藍色,代碼如下:

<!DOCTYPEhtml>
<html>
<head>
<scripttype="text/javascript"src="/jquery/jquery.js"></script>
<style>
body{font-size:16px;font-weight:bolder;}
p{margin:5px0;}
</style>
</head>
<body>
<div>
<span>Hello</span>
<pclass="selected">HelloAgain</p>
<divclass="selected">AndAgain</div>

<p>AndOneLastTime</p>
</div>
<script>$("div").children(".selected").css("color","blue");</script>
</body>
</html>

2、運行的效果如下圖:

閱讀全文

與jq對象元素常用方法相關的資料

熱點內容
如何選擇擇日方法 瀏覽:964
打籃球抽筋的訓練方法 瀏覽:390
想提前生產有什麼方法 瀏覽:676
如何調用父類的有參構造方法 瀏覽:721
宮外孕怎樣治療方法 瀏覽:930
如何培養脾氣最好的方法 瀏覽:482
小車缺氧怎麼處理方法 瀏覽:905
亞克力板變形解決方法視頻 瀏覽:359
銅絲的直徑用精確的方法怎麼求 瀏覽:633
紙縫怎樣連接的方法 瀏覽:128
管家婆軟體的安裝方法 瀏覽:991
flm下載安裝方法 瀏覽:545
形象快速記憶的方法 瀏覽:363
實驗室真空烘箱的使用方法及步驟 瀏覽:278
怎麼去掉眼袋最快的方法視頻 瀏覽:449
縫紉機正確的穿線方法 瀏覽:284
液晶電視屏幕自檢解決方法 瀏覽:1000
豌豆粉絲製作方法視頻 瀏覽:829
太極泥使用方法 瀏覽:987
眼神靈活性訓練的方法有幾種 瀏覽:852