导航:首页 > 使用方法 > 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对象元素常用方法相关的资料

热点内容
贴小红花的正确方法 浏览:270
二手手机价格计算方法 浏览:441
灰指甲治疗最快方法小窍门 浏览:968
城市洗浴中心热水有哪些方法 浏览:454
度假的简单方法 浏览:16
分子生物学方法应用于生态学研究产生了 浏览:683
快速解酒的方法按摩 浏览:267
销售简单的方法 浏览:222
10进制转16进制计算方法 浏览:640
拍脸方法视频 浏览:979
写古诗有哪些方法 浏览:161
用什么方法可以扭到腰 浏览:619
阴囊积水怎么治疗方法 浏览:400
梁墩台定位的方法有哪些 浏览:289
如何学好英语三个方法 浏览:160
研究科学进步的方法 浏览:639
如何制作酸菜面方法 浏览:474
无症状的检测方法 浏览:903
木勺子的食用方法 浏览:919
教育的量化研究方法书籍有哪些 浏览:315