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)某节点下的一级节点等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)