JQuery中怎么得到this中的某个元素

JQuery中怎么得到this中的某个元素,第1张

如果是div id=“a”和里面的input 是动态生成的,你的点击事件有问题,动态元素不能这样绑定事件

//给input绑定点击事件

$(document)on('click','input[type="radio"]',function(){

var _this = $(this);获取当前点击的input,

_thisprop("checked",true);//给当前设置选中状态

});

这样地div id="a"里面生成再多的input都可以绑定事件

一般而言,JQuery可以利用attr来获取元素的属性值,

1、$("元素")attr("属性");                //获取指定属性的值

2、$("元素")attr("属性","属性值");//设置属性值

3、$("元素")removeAttr("属性");  //移除指定属性

不过在16中加入了prop,用法同attr相同。只是将上面中attr替换成prop即可,不过在获取checked等属性时,将会返回标准属性true/false,不会和之前的attr一样,返回checked或者“”。

而JQuery中获取类名的属性为class亦可以为className,因为在HTML DOM中没有class属性,而是className属性。在JQuery中,有对className作出关键字的转换。

扩展资料:

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

参考资料:

jquery百度百科

1、打开html开发工具,新建一个html代码页面。

2、在html页面创建三个p标签,给这三个p标签设置不同的内容。

3、引入jquery库。在title标签后面引用下载好的jqueryjs文件。

4、 在jquery引用库标签后面新建一个script标签,在这个标签里面添加一个DOM加载完成后执行函数。

5、在DOM加载完成后执行函数里面添加点击p标签时获取当前元素的上一个元素对象。

6、保存html代码后使用浏览器打开,点击p标签d出框就会显示当前点击标签的上一个标签的内容。

1、灵活 jquery 选择器提供多个模式 id class 属性 等等选择器

2、方面 比较js你会发现在jquery当中往往几个字符就能解决 而js需要写上1行甚至是多行才能实现

3、jquery提供的多选择器模式,类似就跟写sql一样带上N多条件可以检索出自己想要的元素,这种开发效率比js高出很多

5、代码简洁度提高了

6、jquery比JavaScript读起来顺口多了

个人感受 手打 往采纳

jQuery手册中这样写道:

$(expression, [context])

expression String 用来查找的字符串

context (可选) Element, jQuery 作为待查找的 DOM 元素集、文档或 jQuery 对象。

那么,你可以这样获取:

$('img:first-child', this)attr('src');

--------------------------------------

或者用原生js:

var a = documentgetElementById('my')getElementsByTagName('a');

var src = [];

for(var i=0;i<slength;i++){

srcpush(a[i]getElementsByTagName('img')[0]src);

}

取多个对象的方式比较多,

比如根据样式 类样式a

//循环

$("a")each(function(index){

//这个就是获得这个对象 $(this),比如获得value值

alert($(this)val());

//绑定事件

$(this)click(function(){

})

})

比如通过name属性 用input为例子

$("input[name='a']")each(function(index){

你是需要这样嘛?

$(this)parent()find("i[isShow='fou']")

该元素就是属性isshow为fou的i元素,注意引号。

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库( 或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。

它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

jQuery的模块可以分为:入口模块、底层支持模块和功能模块。其核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口。

具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 60+、FF 15+、Safari 20+、Opera 90+等。

以上就是关于JQuery中怎么得到this中的某个元素全部的内容,包括:JQuery中怎么得到this中的某个元素、jquery获取当前元素的classname、jQuery怎么获取当前li元素顺序等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存