jQuery:e.target和$(e.target)有什么区别呢

jQuery:e.target和$(e.target)有什么区别呢,第1张

etarget是一个“原生”DOM节点类型,通常是HTMLElement;

$(etarget)是一个jQuery类型的实例。

jQ封装的是事件对象,不是事件对象里的那些属性

关于JQuery中this和eventtarget的区别如下:

1、js中的事件会冒泡,因此可以更改,

但是eventtarget不会更改,它始终指向触发事件本身的DOM元素;

2、假设htm是<div> <span> </ span> </ div>,单击span时,更改span的颜色。

如果使用this按钮单击span,则由于事件起泡机制,div将更改颜色。

但是使用eventtarget就不会。

扩展资料:

关于JQuery中this的用法举例

例1:

$("#btnConfirm")click(function(){alert($(this)val()); // ,在这里,this指的是这个ID为btnConfirm的选项,因为你现在点击的是ID为btnConfirm的选项,因此this就是它})

例2:

$("ul li")each(function(){alert( $(this)text()); // ,这里的this指的是迭代的每个li元素,因为每次迭代,得到的都是一个<li>元素,因此这个时候this 就代表着这个当前的<li>元素

//某一节点下的所有子节点

function getChildren(id/节点ID/){

    var $tree = $('#tree');

    var node = $treetree('find',id);

    var childrenNodes = $treetree('getChildren',nodetarget);

    return childrenNodes;

}

//某节点的一级节点

function getSubChildren(id){

    var $tree = $('#tree');

    var node = $treetree('find',id);

    var subNodes = [];

    $(nodetarget)

    next()children()children("divtree-node")each(function(){   

        subNodespush($treetree('getNode',this));

    });

   return subNodes;

}

1eventtype属性

方法作用是可以获取到时间的类型。

2eventpreventDefault()方法

该方法的作用是阻止默认的事件行为。JavaScript中符合W3C规范的preventDefault()方法在IE浏览器中无效。jQuery对其进行了封装,使之能兼容各种浏览器。

3eventstopPropagation()方法

该方法是阻止事件的冒泡。JavaScript中符合W3C规范的stopPropagation()方法在IE浏览器中无效。jQuery对其进行封装,使之能兼容各种浏览器。

4eventtarget属性

eventtarget属性的作用是获取到出发事件的元素。jQuery对其封装后,避免了W3C、IE和safari浏览器不同标准的差异。

5eventrelatedTarget属性

在标准DOM中,mouseover和mouseout所发生的元素可以通过eventtarget()方法来访问,相关元素是通过eventrelatedTarget属性来访问的。eventrelatedTarget属性在mouseover中相当于IE浏览器的eventfromElement属性,在mouseout中相当于IE浏览器的eventtoElement,jQuery对其进行了封装,使之能兼容各种浏览器。

6eventpageX/eventpageY属性

该方法的作用是获取到光标相对页面的x坐标和y坐标。如果没有使用jQuery时,那么IE浏览器中是用event/eventy方法,而在Firefox浏览器中用eventpageX/eventpageY方法。如果页上有滚动条,则还要加上滚动条的宽度和高度。在IE浏览器中还应该减去默认的2px的边框。

7eventwhich属性

该方法的作用是在鼠标单击事件中获取到鼠标的左、中、右键;在键盘事件中获取键盘的按钮。

8eventmetaKey属性

针对不同浏览器对键盘中的<ctrl>按键解释不同,jQuery也进行了封装,并规定eventmetaKey()方法为键盘事件中获取<ctrl>按键。

9eventoriginalEvent属性。

该方法的作用是指向原始的事件对象。

jquery中css() 方法可以设置或返回被选元素的一个或多个样式属性,下面的例子将返回首个匹配元素的 background-color 值:

$("p")css("background-color");

父级的同级元素的子标签的css样式如下:

//eq(0)表示选择匹配到多个元素中的第一个

$("target")parent()siblings()eq(0)children()eq(0)

//jquery在父窗口中获取iframe中的元素

//1、获取页面firame1的html内容

$("#iframe1")contents()find("#form1")html()

//获取iframe内的网页标题

$("#iframe的ID")contents()attr("title");//jquery 方法1

//类似的方法

$(selector, windowtopdocument); 

$(selector, windowopenerdocument); 

$(selector, windowtopframes[0]document);

<img src="xxxjpg" alt="" id="src"/>

<div id="target"></div>

<script type="text/javascript">

//需要在页面中引入jQuery

$(function(){

// jq获取路径。

var image_src = $('#src')attr('src');

// 通过dom *** 作方法获取dom对象并设置innerHTML的值为jq获取的路径。

documentgetElementById('target')innerHTML = image_src;

});

</script>

以上就是关于jQuery:e.target和$(e.target)有什么区别呢全部的内容,包括:jQuery:e.target和$(e.target)有什么区别呢、JQuery中this和event.target的区别、如何获取jquery easyui Tree的 (1)某一节点下的所有子节点,(2)某节点下的一级节点等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9554189.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存