`

用jQuery获取页面相同样式名的DOM,打印相应值

 
阅读更多

<a class="test" title="1">s</a>

<a class="test" title="2">s</a>

<a class="test" title="3">s</a>

<script>

jQuery(".test").each(function(i) {
                jQuery(this).click(function(){
                    alert(jQuery(this).attr("title"));
                });
               
            });

</script>

分享到:
评论

相关推荐

    Jquery方式获取iframe页面中的 Dom元素

    为了获取iframe中的DOM元素,我们可以通过jQuery来实现这一目标。在具体的实现过程中,需要注意iframe中的内容必须和主页面出于同一个域中,否则会受到浏览器同源策略的限制,无法获取到其中的DOM元素。这是因为...

    jQuery实现获取元素索引值index的方法

    在使用jQuery进行前端开发时,我们常常需要获取元素在集合中的索引值以便进行进一步的操作。jQuery作为一个强大的JavaScript库,提供了一系列方法来简化DOM操作,其中“.index()”方法便是用于获取元素索引值的一种...

    jQuery获取table下某一行某一列的值实现代码

    7. 获取元素标签名:使用$.prop("tagName")方法可以获取到DOM对象的标签类型,例如在文中获取了表格和单元格的标签名。 8. 显示隐藏的元素值:即使单元格元素通过CSS的display:none被隐藏了,仍然可以使用上述方法...

    jquery网页打印控件制作页面局部打印文本效果

    "jquery网页打印控件制作页面局部打印文本效果"这个主题就是关于如何使用jQuery来创建一个功能,使得用户可以仅打印网页的选定区域,从而提高用户体验并节省纸张。下面将详细介绍这个过程及其相关知识点。 首先,...

    jquery调用打印机打印

    在IT行业中,前端开发...总之,通过`jQuery`调用打印机打印涉及理解浏览器的打印机制、定制打印样式以及可能利用第三方插件优化打印体验。确保在设计时考虑打印布局、颜色、字体等,以确保打印出来的内容清晰、准确。

    jquery 实现的等待加载页面

    "jQuery 实现的等待加载页面"就是一种为了优化用户交互而设计的技术方案。jQuery,一个强大的JavaScript库,简化了DOM操作、事件处理和动画效果,使得创建这种功能变得更加简单。 首先,我们来看`jquery....

    用jquery获取select标签中选中的option值及文本的示例

    综上所述,示例演示了使用jQuery来获取select标签中选中项的值和文本的方法,并考虑了没有value属性的特殊情况,还涉及到了事件绑定和DOM操作的基本知识。对于学习和使用jQuery进行前端开发的读者来说,这些内容都是...

    jQuery获取当前点击的对象元素(实现代码)

    jQuery获取当前点击的对象元素(实现代码) [removed][removed] &lt;/head&gt; &lt;body&gt; 段落1 段落2 段落3 段落4 段落5 [removed] //获取当前点击的对象 $('p').click( function(){ //this表示当前被...

    jQuery操作checkbox并获取选中值

    本文将详细讲解如何使用jQuery来操作checkbox,并实现全选、全不选、反选以及获取选中值这四个核心功能。 ### 一、jQuery选择器与checkbox操作 在jQuery中,我们可以使用不同的选择器来选取页面上的checkbox元素。...

    JQuery DoM和ajax 操作

    **jQuery DOM操作** jQuery库是JavaScript的一个强大工具,它极大地简化了对DOM(Document Object Model)的操作。DOM是HTML和XML文档的结构化表示,允许我们通过编程方式访问和修改页面内容。jQuery提供了丰富的...

    jquery 调用浏览器打印功能

    在网页开发中,jQuery 是一个广泛使用的 JavaScript 库,它简化了 DOM 操作、事件处理、动画效果以及异步请求等任务。而“jQuery 调用浏览器打印功能”是利用 jQuery 实现的一种方法,允许用户通过点击按钮或执行...

    在IE8下用JQuery获取自定义标签

    在IE8下使用jQuery获取自定义标签的知识点主要涉及到JavaScript的DOM操作、jQuery的选择器以及对旧版浏览器的兼容性处理。以下是对这些主题的详细解释: 1. **自定义标签**: 自定义标签是HTML5引入的一个新特性,...

    jquery实现通用网页打印

    然而,为了提供更加自定义的打印体验,如隐藏某些元素、调整样式或指定特定页面范围,开发者可以利用JavaScript或者jQuery来实现这一功能。 jQuery实现打印的核心在于其强大的选择器和DOM操作功能。以下是一些关键...

    jquery获取array

    本文将详细介绍如何使用 jQuery 来获取具有相同名称的 input 元素,并将其值存储到一个数组中。 #### 一、jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,其设计宗旨是“write less, do more”,即用更少...

    jQuery DOM节点操作源码

    6. **CSS操作**:jQuery提供`css()`方法,可以方便地设置或获取元素的样式,如`$("#element").css({"color": "red", "font-size": "18px"})`。 7. **事件处理**:使用`on()`, `off()`, `click()`, `mouseover()`等...

    Jquery+dom+easyUI教程

    jQuery 对象可以通过 `[index]` 或 `get(index)` 转换为 DOM 对象,反之,可以使用 `$()` 将 DOM 对象转换为 jQuery 对象,以便利用 jQuery 的方法。 7. EasyUI:EasyUI 是基于 jQuery 的一套前端组件库,提供了...

    jquery dom对象 详细介绍1

    jQuery 是一个广泛使用的JavaScript库,它简化了DOM操作、AJAX请求、事件处理以及创建复杂的网页特效。jQuery的核心特性包括对JSON的支持、XML解析以及一套强大的选择器系统,使得开发者能够更加高效地选取和操作...

    jQuery获取DOM节点实例分析(2种方式)

    这里的`$(dom)`是jQuery选择器,返回一个jQuery对象,然后使用索引`[0]`来获取第一个DOM元素。这种方法简单直接,但需要注意,如果选择器选取了多个元素,`[0]`只会返回第一个元素。 **二、使用`get()`函数访问** ...

    javascript 原生Dom对象和jQuery对象的联系和区别

    JavaScript中的DOM对象和jQuery对象是两种不同的数据结构,它们在处理网页元素时有着各自的特性和优缺点。了解它们之间的联系和区别对于JavaScript开发者来说至关重要,因为这有助于选择合适的工具进行网页交互。 ...

    jquery+easyUI+ajax+dom+highchart

    **jQuery** jQuery 是一个快速、简洁的 JavaScript 库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互。jQuery 的API设计使得JavaScript编程变得更加简单,它封装了许多常用的JavaScript函数,使得开发者...

Global site tag (gtag.js) - Google Analytics