jquery (this)(jquery 的$(this)用法)

本文目录
- jquery 的$(this)用法
- jQuery中$(this)的this有什么作用
- jQuery里面的$(“this“)和$(this)有什么区别
- jQuery中$this和$的区别介绍
- jq里面用this和用$(this)有什么区别
- jquery中的this 到底是什么意思 $(this)
- jQuery里$(this)和this的区别在哪
jquery 的$(this)用法
$this只是个自定义的变量;
$(this)是将当前don对象转换成jquery对象 ;
一般定义jquery变量习惯$开头,提高可读性而已。
$(this)是把DOM对象封装成jquery对象,其相当于一个集合。
用法如下:
***隐藏网址***
$(’a’).click(function(){
this.innerHTM==$(this).html()==’jQuery’;//三者是一样的.
this.getAttribute(’href’)==this.href==$(this).attr(’href’)//三者是一样的;
this.getAttribute(’target’)==this.target==$(this).attr(’target’)//三者是一样的;
this.getAttribute(’data-id’)==$(this).attr(’data-id’)//二者是一样的;
});
jQuery中$(this)的this有什么作用
this指的是js对象,$(this)指的是jquery对象。
这二者是可以相互转化的。this不能调用jQuery的方法。
比如this.attr("value")这种写法就是错误的。因为你用的js对象调用jquery的方法。应该这样写:$(this).attr("value")
jQuery里面的$(“this“)和$(this)有什么区别
1、新建一个html文件,命名为test.html。
2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。
3、在test.html文件内,使用span创建一行文字,并设置其id属性为test,主要用于下面通过该id获得span对象。
4、在test.html文件内,使用jquery中的$符号通过id(test)获得span标签对象,再使用bind()方法给它绑定click点击事件,当span元素被点击时,执行function()函数。
5、在function函数内,使用$(this)获得当前对象,相当于使用$("#test")获得对象,通过text()方法获得span的内容,使用alert()方法将内容输出来。在浏览器打开test.html文件,点击span标签,查看实现的效果。
6、在test.html文件内,使用this创建一个标签,在该标签内写上测试的文字,同时,使用button标签创建一个按钮,给button按钮绑定onclick点击事件,当按钮被点击时,执行getthis()函数。
7、在getthis()函数内,通过$("this")获得this标签对象,使用text()方法获得span的内容,使用alert()方法将内容输出来。在浏览器打开test.html文件,点击按钮,查看实现的效果。
jQuery中$this和$的区别介绍
$ 是JQuery对象,是JQuery 常用的一个回传函数,定义为 "选取" 英文是 selector 的缩写例子︰$.function();就是 选取 JQuery 定义的 function() 执行$(’input’)就是 选取 HTML 当中全部的 input 标签$(’#abc’)就是 选取 HTML 当中 ID 名称为 abc 的物件$.fn.testing = function() {}就是 选取 JQuery 内核函数 fn (函数) 回传给 testing 这个名称、定义为一个功能 function()
$this 只是个变量名,加$是为说明其是个jquery对象
// this其实是一个Html 元素。
// $this 只是个变量名,加$是为说明其是个jquery对象。
// 而$(this)是个转换,将this表示的dom对象转为jquery对象,这样就可以使用jquery提供的方法操作。
(function($){
$.fn.hilight = function(options){
debug(this);
var defaults = {
foreground: ’red’,
background: ’yellow’
};
var opts = $.extend({}, $.fn.hilight.defaults, options);
return this.each(function() {
// this其实是一个Html 元素。
// $this 只是个变量名,加$是为说明其是个jquery对象。
// 而$(this)是个转换,将this表示的dom对象转为jquery对象,这样就可以使用jquery提供的方法操作。
$this = $(this);
// build element specific options
var o = $.meta ? $.extend({}, opts, $this.data()) : opts;
// update element styles
$this.css({
backgroundColor: o.background,
color: o.foreground
});
var markup = $this.html();
// call our format function
markup = $.fn.hilight.format(markup);
$this.html(markup);
});
};
// define our format function
$.fn.hilight.format = function(txt) {
return ’《strong》’ + txt + ’《/strong》’;
};
// 插件的defaults
$.fn.hilight.defaults = {
foreground: ’red’,
background: ’yellow’
};
function debug($obj) {
if (window.console && window.console.log){
window.console.log(’hilight selection count: ’ + $obj.size());
}
};
})(jQuery)
jq里面用this和用$(this)有什么区别
1、表示对象不同:this表示的是javascript提供的当前对象,$(this)表示的是用jquery封装候的当前对象。
2、过程不同:this对象可以直接用this.style修改样式,$(this)可以使用jquery提供的方法访问样式。
比如this.style.display="none"在jquery中可以用$(this).css("display","none")实现。
扩展资料:
$(this)生成的是什么?
$()生成的是什么呢?实际上$()=jquery(),就是说返回的是一个jquery的对象。
通常我们为了简便直接使用$()。实际上,该函数省略了一个参数context。根据选择器选取匹配的对象即$(selector, context),以jQuery包装集的形式返回。
context可以是Dom对象集合或jQuery包装集,传入则表示要从context中选择匹配的对象,不传入则表示范围为文档对象(即页面全部对象),即$(selector)=$(selector,document)。
this指的是,调用函数的那个html对象。
this,表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法。
$(this),代表的上下文对象是一个jquery的上下文对象,可以调用jquery的方法和属性值。
jquery中的this 到底是什么意思 $(this)
如果你学过面向对象语言的话,例如JAVA,你应该明白这个this在JAVA里的意思,简单的说,谁在调用它,它就代表文谁。
那么,用到这个jquery里,也算是蛮简单的.举两个例子,一个是单个对象,一个是li元素集合
例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》元素
})
jQuery里$(this)和this的区别在哪
$(this)是jquery对象,能调用jquery的方法,例如click(), keyup()。
而this,则是html元素对象,能调用元素属性,例如this.id,this.value。
例如假设已经使得this和$(this)都指向了input对象了,若要获得input的值,可以this.value,但$(this)就得$(this).val()。

更多文章:
java外包用的比较多技术(java后端程序员最常用的技术有哪些,重点技术有哪些)
2026年5月22日 18:30
clip converter(用ClipConverter下载的youku视频在电脑哪个文件夹)
2026年8月24日 21:15
chmod修改权限(ubuntu linux下使用 chmod 修改文件权限,命令后提示【缺少操作数】,求解决方法)
2025年8月3日 09:30
neighborhood在哪买(香港潮牌店铺推荐去香港买什么好)
2026年6月6日 23:00
richtextbox用法(怎样使用C#的RichTextBox控件)
2026年2月13日 20:45
js replace 正则表达式(求一个js正则表达式:替换html内容中除了标签外的特定字符为另外一个字符.)
2025年9月5日 03:00
rock什么意思中文意思(rock是什么意思 rock的中文翻译、读音、例句)
2026年9月6日 10:30
衣香丽影同档次的品牌(太平鸟,伊芙丽,衣香丽影,红袖三彩哪家好)
2026年8月15日 07:15
excel怎么用round保留一位小数(excel如何保留一位小数)
2025年12月21日 16:45
c语言数组元素求和(c语言求数组元素的总和!求助各位大佬!)
2025年9月7日 00:30















