首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JQuery(this).text不会通过点击附加

JQuery(this).text不会通过点击附加是因为JQuery(this)表示当前选中的元素,而.text()是用于获取或设置元素的文本内容的方法,并不会触发点击事件或进行任何附加操作。

JQuery是一个流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画效果等操作。JQuery提供了丰富的API,可以方便地操作DOM元素、处理事件、发送AJAX请求等。

在这个问题中,JQuery(this)表示当前选中的元素,.text()是JQuery提供的一个方法,用于获取或设置元素的文本内容。例如,如果有一个HTML元素如下:

<p id="myParagraph">Hello World!</p>

可以使用JQuery来获取该元素的文本内容:

var text = $("#myParagraph").text();

console.log(text); // 输出:Hello World!

也可以使用.text()方法来设置元素的文本内容:

$("#myParagraph").text("New Text");

console.log($("#myParagraph").text()); // 输出:New Text

但是,JQuery(this).text()并不会触发点击事件或进行任何附加操作。如果想要通过点击事件来附加额外的操作,可以使用JQuery的事件处理方法,如.click()、.on()等。例如:

$("#myButton").click(function() {

// 在点击按钮时附加操作

var text = $("#myParagraph").text();

console.log(text); // 输出当前元素的文本内容

});

总结:

JQuery(this).text()是用于获取或设置当前选中元素的文本内容的方法,不会触发点击事件或进行其他附加操作。如果需要在点击事件中进行附加操作,可以使用JQuery的事件处理方法来实现。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

4-Jquery学习四-事件操作

要删除通过on()绑定的事件,请使用off()函数。如果要附加一个事件,只执行一次,然后删除自己,请使用one()函数。...) alert( $(this).text() ); }); 此外,我们还可以同时绑定多个事件,并为事件处理函数传递一些附加的数据,我们可以通过jQuery为事件处理函数传入的参数event(Event...; }); 此外,我们还可以同时绑定多个事件,并为事件处理函数传递一些附加的数据,我们可以通过jQuery为事件处理函数传入的参数event(Event事件对象)来进行处理: var obj...2-triggerHandler()触发事件只针对jQuery对象中的第一个匹配元素。 3-triggerHandler()触发的事件不会在DOM树中冒泡,因此事件不会冒泡传递到它的任何祖辈元素。...此外,通过jQuery为事件处理函数传入的参数Event对象,我们可以获取当前事件的相关信息(比如事件类型、触发事件的DOM元素、附加数据等): var minSize = { width: 800,

4.5K90

02-老马jQuery教程-jQuery事件处理

可以通过返回false来防止触发浏览器的默认行为。...但不会执行浏览器默认动作,也不会产生事件冒泡。 这个方法的行为表现与trigger类似,但有以下三个主要区别: 第一,他不会触发浏览器默认事件。..., fn) 说明:jQuery 给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的也有效。...使用 .bind() 时,选择器匹配的元素会附加一个事件处理函数,而以后再添加的元素则不会有。为此需要再使用一次 .bind() 才行。 参数: type:一个或多个事件类型,由空格分隔多个事件。...event.currentTarget 在事件冒泡阶段中的当前DOM元素 event.delegateTarget 此属性是最经常有用是通过过.delegate() 或.on()附加委派的事件,事件处理程序附加在正在处理的元素的祖先上

2.7K80
  • 02-老马jQuery教程-jQuery事件处理

    可以通过事件处理程序的事件对象的data属性获取此值。 fn 事件处理程序。fn的内部作用域中this指向当前的DOM对象(注意不是jQuery的包装对象) 返回值: jQuery的包装对象!!!...但不会执行浏览器默认动作,也不会产生事件冒泡。 这个方法的行为表现与trigger类似,但有以下三个主要区别: 第一,他不会触发浏览器默认事件。...], fn) 说明:jQuery 给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的也有效。...使用 .bind() 时,选择器匹配的元素会附加一个事件处理函数,而以后再添加的元素则不会有。为此需要再使用一次 .bind() 才行。 参数: type:一个或多个事件类型,由空格分隔多个事件。...event.currentTarget 在事件冒泡阶段中的当前DOM元素 event.delegateTarget 此属性是最经常有用是通过过.delegate() 或.on()附加委派的事件,事件处理程序附加在正在处理的元素的祖先上

    6.4K00

    前端必知的ajax

    当然这里捕捉不到error,因为error的时候根本不会运行该回调函数 //alert(this); }); 点击发送请求: jQuery.get()回调函数里面的 this ,指向的是Ajax请求的选项配置信息...4. jQuery.getScript( url, [callback] ) : 通过 GET 方式请求载入并执行一个 JavaScript 文件。...jQuery 代码: $.getScript("AjaxEvent.js", function(){ alert("AjaxEvent.js 加载完成并执行完成.你再点击上面的Get或Post按钮看看有什么不同...; }); jQuery.ajax( options ) : 通过 HTTP 请求加载远程数据 这个是jQuery 的底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。...GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。

    3K40

    jQuery Ajax 全解析

    当然这里捕捉不到error,因为error的时候根本不会运行该回调函数 //alert(this); }); 点击发送请求: jQuery.get()回调函数里面的 this ,指向的是Ajax...4. jQuery.getScript( url, [callback] ) : 通过 GET 方式请求载入并执行一个 JavaScript 文件。...; }); 加载完后请重新点击一下上面的 Load 请求看看有什么不同。 jQuery Ajax 事件 Ajax请求会产生若干不同的事件,我们可以订阅这些事件并在其中处理我们的逻辑。...好了,下面开始说jQuery里面功能最强的Ajax请求方法 $.ajax();   jQuery.ajax( options ) : 通过 HTTP 请求加载远程数据 这个是jQuery 的底层 AJAX...GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。

    9.6K10

    jQuery ajax() 方法

    当然这里捕捉不到error,因为error的时候根本不会运行该回调函数 //alert(this); }); 点击发送请求: jQuery.get()回调函数里面的 this ,指向的是Ajax请求的选项配置信息...4. jQuery.getScript( url, [callback] ) 通过 GET 方式请求载入并执行一个 JavaScript 文件。...; }); 加载完后请重新点击一下上面的 Load 请求看看有什么不同。 jQuery Ajax 事件 Ajax请求会产生若干不同的事件,我们可以订阅这些事件并在其中处理我们的逻辑。...好了,下面开始说jQuery里面功能最强的Ajax请求方法 $.ajax();   jQuery.ajax( options )  通过 HTTP 请求加载远程数据 这个是jQuery 的底层 AJAX...GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。

    2.5K60

    jQuery.data() 的实现方式

    我们可以用下面的代码来测试 jQuery.data() 的功能:  Html代码    ....name = value       在这段代码中,我们首先在 “obj” 上附加了一个属性(名称为“name”,值为“value”),然后通过 $.data(obj, 'name') 来获取所附加的数据...功能测试代码如下:  Html代码        obj = {};  ...” 对象传入,然后分别用 $.data(obj, 'name1') 和 $.data(obj, 'name2') 获取附加的数据;同样,为了深入了解其中的机制,我们通过遍历 “obj” 的方式取出了隐藏的...因为考虑到 IE6、IE7 对 DOM Element 上的对象引用的垃圾回收存在问题,我们不会直接在 DOM Element 上附加对象;而是使用全局cache,并在 DOM Element 上附加一个

    98470

    由重构进阶前端开发入门 (二) 事件与事件对象

    √ - 有效 它其实是一个特殊数组,里面存放着传入 CSS 选择器所对应的所有 DOM 对象,通过 .length 可以查看其中选中的元素数量,通过数组下标可以取出其中的原生 DOM 对象: $('#text_info...').length; // => 1 $('#text_info')[0] === document.getElementById('text_info...常用 jQuery API 选择元素和创建元素使用 $(), find, filter 处理事件使用 on, off, trigger 操作元素内容使用 text, html 操作元素位置和尺寸使用 offset...此外,事件对象 e 还提供了一些 API 可以对这次事件进行一些附加操作,下面进行具体说明。...例子:幻灯片切换效果(点击位置判断) 过去对于用户点击图片区域判断,需要通过 img 元素的 usemap 属性实现,使用方式较为复杂,且限制较多,可复用性低。

    1.6K10

    HTML局部打印,区域打印的两种实现方法总结

    onclick="print()"> doPrint dddddddddd需要打印,两种实现方法如下: 方法一、替换body 代码: <script type="<em>text</em>...2、body来回替换的过程中,如果原页面中有较为复杂的js渲染效果,可能会受影响 方法二:<em>jquery</em>.PrintArea.js局部打印 步骤: 1、引入js 因为PrintArea依赖于<em>jquery</em>...库,所以一定先引<em>jquery</em>。...2.打印 $("#toPrint").printArea(); 总结: 缺点:依赖于第三方插件 优点:对原页面不会有任何影响,并且逻辑简单。...ps: PrintArea还提供一些打印时的附加优化功能,例如: 1.mode:模式,当点击打印按钮时触发模式,默认为iframe,当设置为popup则会新开一个窗口页面打印。

    5.3K30

    用户浏览器操作行为的一种记录方法

    : (1)在元素内增加onclick属性; (2)通过对元素添加addEventListener实现click事件后的回调函数处理; (3)通过JQuery框架实现click事件处理。...框架,一般是通过$("input[type=button]".click(function(){});来进行实现的,一旦判断使用的是JQuery框架,可以在上述代码基础上,加入如下方法: if(type..." src="jquery-1.11.1.min.js"> ...> 接下来,我们可以打开控制台依次点击按钮,查看效果...按我们的意图可以实现对点击按钮用户操作行为的记录,并转换为自然语言通过控制台输出了,最后需要解决的问题是如何透明地将我们的两个JavaScript脚本注入到所访问的HTML网页内,使用非透明代理方式附加额外的服务

    2K41

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券