jquery 得到了this,如何获得到this下的一个元素

最新推荐文章于 2020-09-10 23:52:59 发布
原创 最新推荐文章于 2020-09-10 23:52:59 发布 · 1.5k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种使用jQuery简化元素选中的方法。通过一个具体的示例展示了如何利用jQuery的$(this)来查找并选中其内部的radio按钮，解决了直接使用this时无法选择内部元素的问题。 
$(this).find(":radio").attr("checked",true); 
找到在A标签里面的radio，选中

这就解决了带this的选择器，不能选择其内部元素是需求了！！！

使用jq获取DOM对象的this和event.target
NsbiCs的博客
10-10 375
通过上述方法，你可以方便地获取到当前操作的DOM对象和事件触发的目标DOM对象，从而在使用jq进行DOM操作时更加灵活和便捷。在使用jQuery（简称jq）处理DOM操作时，经常需要获取当前操作的DOM对象以及事件触发的目标DOM对象。关键字时，它将指向当前操作的DOM对象。无论是绑定了点击事件、改变事件还是其他事件，都可以使用。关键字转换为一个jq对象，从而获得当前操作的DOM对象。来获得事件触发的目标DOM对象。同样，可以根据需要对该对象进行进一步的操作。属性，可以获取事件触发的目标DOM对象。
jQuery获取this当前对象子元素对象的方法
10-21
// 已获取select为当前this元素 }); }); ``` 当`#city`的选择发生变化时，`change`事件触发，内部的匿名函数会被执行。在这个函数内部，`this`会指向触发事件的元素，也就是`<select>`元素本身。 现在，我们要在...
JQuery获取$(this)子节点对象的方法
松篁
07-05 545
相信很多刚接触JQuery的人，很多都会对$(this)和this的区别模糊不清，那么这两者有什么区别呢？ 首先来看看JQuery中的 $() 这个符号，实际上这个符号在JQuery中相当于JQuery（）,即$(this)=jquery();也就是说，这样可以返回一个jquery对象。那么，当你在网页中alert($('#id'));时，会弹出一个[object Object ]，这个obj...
Jquery this选择下一个元素
ad_tb0002的博客
03-30 348
DOM: <UL> <LI><A>xx</A></LI> <LI><A>yy</A></LI> </UL> $.each($(ul li), function(index, e) { 　　var text = $(this).next("a").text...
jquery this里面的对象(div,span等元素)如何获取
WhoWrongsWhere的专栏
05-29 6102
JS代码 $('#aaa').click(function(){ //如果想控制里面的span怎么办呢？ $('>span',this).addClass('bbb'); //这个就是取得当前元素里的某个符合条件的元素 });
this详细解析和如何确定this的值
qq_42251902的博客
05-23 1033
1.1. this是什么？   Ø 在 js中this是一个对象。Ø 它的值是不确定的，只有在代码运行的过程中才能确定this的值。Ø 它的值不能手动更改。 1.2. this的难点 Ø 到处都有this只要你可以写js代码的地方，就可以使用thisØ this的值是动态变化的Ø 你可以修改this这个对象的某个属性，但不能修改this的值   1.3. 确定this的值使用this有两种大类： ...
浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法
11-28
首先来看看JQuery中的 $() 这个符号，实际上这个符号在JQuery中相当于JQuery（）,即$(this)=jquery();也就是说，这样可以返回一个jquery对象。那么，当你在网页中alert($(‘#id’));时，会弹出一个[object...
详谈jQuery中的this和$(this)
12-02
jQuery对象封装了一个或多个DOM元素，并提供了一系列方便的方法和属性，如`hide()`、`show()`、`css()`等。将`this` 包装成`$(this)` 可以让我们直接利用jQuery的功能，而无需再次查找DOM元素。例如： ```...
Javascript总结(一)
weixin_43121914的博客
09-10 293
s
jq 选择$(this)下的某个元素
weixin_34242658的博客
03-19 418
$(".wrap_xia > div").mouseover(function(){ $(".wrap_xia > div").css("background","");//清除所有div背景颜色 $(this).css("background","#bd0000");//给对应的div背景颜色 $(".wrap_xia >div ")....
jquery获得$(this)下面的指定的子元素
热门推荐
weixin_zsh的博客
08-25 6万+
有时候会遇到循环出来的div，实现用户点击其中一个，据此进行其他操作，我们可以用$(this)来获取用户点击的div，但是如果没有其他的标志来区分这些循环出来的div的话（比如lang值的不同），我们如何获得点击的div的子元素呢？ 方法有两种，都是jQuery中获得子元素的方法------- .find ()  和  .children () find查找所有的子元素，会一直查找，跨层级查找...
jQuery如何选择this下的子元素
猪兜兜仔的博客
09-28 6980
用find（） 示例： $(this).find(".msg9").show();
jQuery 多个条件检索,多条件检索的第一个和$（this）
学而不思则罔 思而不学则殆
06-15 8739
$("input[name='aa'] [title='bb']") $(".aa:first") $(this)需要上下文，如 $(":button").click( function(){ $(this).parent().parent().remove(); } );
Java：构造方法，this
一个小白的求知路
07-11 1万+
  1.构造方法 在一个类中定义的方法如果满足以下三个条件，该方法称为构造方法，具体如下： 方法名与类名同名 在方法名的前面没有返回值类型声明 在方法中不能使用return语句返回   无参的构造方法 class Student{ public Student() { System.out.println("无参的构造方法被调用"); } } public class ...
jQuery：通过name获取div下的input的六种方法
透明大脑
11-06 6万+
测试页面 $(document).ready(function(){ var param = $("input[name='gj']").serialize(); console.log("param:"+param); var param1 = $(".gjc input[name='gj']").serialize(); console.log("param
JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法
weixin_33852020的博客
07-15 935
$(function(){ //遍历获取的input元素对象数组，绑定click事件 var len = $("input[type='file']").length; for(var i = 0; i &lt; len; i++){ $("input[type='file']").eq(i).click(function(){ $...
关于this的用法，网上看到一个非常好的判断方法。
weixin_30855761的博客
06-03 110
这是网上看见一个判断this的方法，感觉挺不错的。this的定义很简单，它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。然后this指的是，调用函数的那个对象。基本的就那么多，然后通过一些例子来提现。 var someone = { name: "Bob", showName: function(){ alert(this.name);...
jquery this的子元素
07-08
### 回答1： JQuery中的this表示当前被选中的元素，在使用JQuery方法时会基于这个元素进行操作。如果要针对this的子元素进行操作，可以使用JQuery提供的多个方法来选择并操作子元素。 首先，可以使用find()方法来选择this的子元素。例如，如果this是一个父元素，我们可以使用this.find("子元素选择器")来选择所有子元素，然后对它们进行操作。 另外，可以使用children()方法选择this的直接子元素。这个方法只会选取this的直接下级元素，而不会选择更深层次的子元素。 此外，还可以使用siblings()方法来选择this的同级元素，这些元素具有与this相同的父元素。这个方法可以用于选择和操作其他的兄弟元素。 还有一个常用的方法是next()和prev()，分别用于选择this的下一个兄弟元素和上一个兄弟元素。这些方法很有用，特别是在需要对this的相邻元素进行操作时。 另外，如果需要选择this的第一个子元素或最后一个子元素，可以使用:first-child和:last-child选择器。例如，this.find(":first-child")将选择第一个子元素，this.find(":last-child")将选择最后一个子元素。 总之，JQuery中的this可以通过使用不同的方法和选择器来选择和操作其子元素，包括find()、children()、siblings()、next()、prev()等等。这些方法可以根据需要选择合适的子元素，然后对它们进行各种操作。 ### 回答2： jQuery中的this是指当前选中的元素，而其子元素可以通过this来进行遍历和操作。 首先，通过jQuery选择器选中元素后，this就表示当前选中的元素。我们可以使用this来获取该元素的子元素。 例如，假设我们有一个ul列表： <ul> <li>第一个元素</li> <li>第二个元素</li> <li>第三个元素</li> </ul> 我们可以使用jQuery选择器选中ul，并使用this来获取其子元素li： $("ul").each(function(){ $(this).children("li").each(function(){ // 这里的this表示当前选中的li元素 console.log($(this).text()); }); }); 上述代码中，我们先使用each()方法遍历选中的ul元素，通过children()方法获取其子元素li，然后再使用each()方法遍历li元素。在li元素的遍历中，this表示当前选中的li元素，我们可以通过$(this)来操作和获取li元素的属性和内容。 总结起来，通过this可以获取当前选中元素的子元素，进而实现对子元素的遍历和操作。同时，也可以通过this来获取子元素的父元素，进行父子元素之间的交互。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值