如何扩展jQuery以便更容易检索tagName

要扩展jQuery以便更容易检索tagName，您可以使用以下代码：

jQuery.fn.extend({
  tagName: function() {
    return this.prop("tagName").toLowerCase();
  }
});

这将添加一个名为tagName的方法，该方法将返回所选元素的标签名称。您可以像这样使用它：

$("div").tagName(); // 返回 "div"
$("p").tagName(); // 返回 "p"

这样，您就可以轻松地检索元素的tagName属性，而无需使用其他库或插件。

相关·内容

jQuery最新xss漏洞分析——CVE-2020-11022/11023

jQuery对象的使用

jQuery对象是由选择器选择的HTML元素的集合。它是一个类似数组的对象，可以对其进行遍历和操作。通过使用jQuery选择器选择元素后，将返回一个jQuery对象。

JQuery干货篇之选择元素

实例 $("img:odd").css("border","thick double red");选择序号为奇数的img元素 $("img:first").css("border","thick double red") 选择第一个img元素

基于jQuery UI CSS Framework开发Widget

jQuery UI CSS Framework是jQuery UI中的一个样式框架，可以利用jQuery Theme roller 来生成自己想要的css样式效果。我们可以利用jQuery UI的一些框架来开发出基于jQuery UI CSS Framework效果的插件来。 jQuery UI中两大核心的css文件是ui.core.css和ui.theme.css.这两个css样式贯穿整个基于jQuery ui的界面上，并且可以通过jQuery ui ThemeRoller来生成自己的样式。 .ui-he

010

JavaScript实现图片轮播

test2.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

灵活使用 console 让 js 调试更简单

Web开发最常用的高度就是 console.log ，虽然 console.log 占有一席之地，但很多人并没有意识到 console 本身除了基本 log 方法之外还有很多其他方法。适当使用这些方法可以使调试更容易，更快速，更直观。

jQuery筛选器及练习 jQuery初识

jQuery能极大地简化JavaScript编程，它的宗旨就是："Write less,do more."

jquery jQuery快速入门

维护IE678是一件让人头疼的事情，一般我们都会额外加载一个CSS和JS单独处理。值得庆幸的是使用这些浏览器的人也逐步减少，PC端用户已经逐步被移动端用户所取代，如果没有特殊要求的话，一般都会选择放弃对678的支持。

《手把手教你》系列技巧篇（十一）-java+ selenium自动化测试-元素定位大法之By tag name（详细教程）

按宏哥计划，本文继续介绍WebDriver关于元素定位大法，这篇介绍By ClassName。看到ID，NAME这些方法的讲解，小伙伴们和童鞋们应该知道，要做好Web自动化测试，最好是需要了解一些前端的基本知识。有了前端知识，做元素定位会很轻松，同样写网络爬虫也很有帮助，话题扯远了，回到Selenium自动化测试。tagName是DOM结构的一部分，其中页面上的每个元素都是通过输入标签，按钮标签或锚定标签等标签定义的。每个标签都具有多个属性，例如ID，名称，值类等。就其他定位符而言在Selenium中，我们使用了标签的这些属性值来定位元素。对于Selenium中的tagName定位器，我们将仅使用标签名称来标识元素。

Jsoup-爬取实战

Jsoup 是一款Java 的HTML解析器，可直接解析某个URL地址、HTML文本内容。它提供了一套非常省力的API，可通过DOM，CSS以及类似于jQuery的操作方法来取出和操作数据。爬虫可以用于搜索引擎，内容检索，数据采集分析等，十分强大，黑客感十足，不过不要为所欲为(面向监狱编程)，要合理利用。

现代前端技术解析：现代前端交互框架

Web前端页面的开发避免不了与DOM的交互操作。前端框架的一次次变化，从提升效率的阶段，慢慢走向改善性能的阶段。

使用JQuery和bootstrap-select实现世界城市的三级联动（中英互译）

使用JQuery和bootstrap-select实现世界城市的三级联动（中英互译）我们公司是做外贸电商的，需要一个世界城市的三级联动，在网上找好久发现都没有合适的轮子，只能自己写一个使用该轮子需要引用bootstrap-select 使用该轮子需要引用JQuery 使用该轮子需要引入世界城市的json数据 var worldcountry = Widget.extend({ init: function () { this.total(this); windo

现代前端技术解析：现代前端交互框架

jquery attribute vs property 的区别

因此，在jQuery 1.6及以后版本中，请使用prop()函数来设置或获取checked、selected、disabled等属性。对于其它能够用prop()实现的操作，也尽量使用prop()函数。

koa+socket.io尝试简单的web动作同步

尝试用过browser-sync辅助开发的前端同学，大概都会感到神奇：在多个端打开网页，网页的动作却是完全同步的。

jQuery实现Select自动选择默认值

==========================================================================================

Python 操作XML文件一文通

我们经常需要解析用不同语言编写的数据，Python 提供了许多第三方库来解析或拆分用其他语言编写的数据，今天我们来学习下 Python XML 解析器的相关功能。

Python 操作XML文件一文通

jquery 获取所有的标签

在前端开发中，使用jQuery能够方便地操作DOM元素。有时候我们需要获取页面上所有的HTML标签，可以通过jQuery来实现。本文将介绍如何使用jQuery获取所有的标签，并展示一个简单的示例代码。

你不知道的Cypress系列（14） -- 一文说透元素定位

元素定位可以说是UI自动化测试的基础，没有元素定位，UI自动化就无从谈起。一般来说，一个好的定位器应该有如下4个属性：

Python 操作XML文件一文通

【Python学习】保姆级教学python中的解析和解析XML

我们经常需要解析用不同语言编写的数据。Python 提供了许多库来解析或拆分用其他语言编写的数据。在此 Python XML 解析器教程中，您将学习如何使用 Python 解析 XML。

技术 | Hybrid载体的变化（三）

前面两篇文章从客户端的两个角度来说了说变化，今天我们从前端的角度来看一看这些变化，对于我们的工作会有什么样的改变，记得在2013年下半年时在携程做Hybrid App，当时对于前端的选择很有限，最好的解决方案也只是require.js + zepto.js + backbone.js，而今天，特别是VirtualDOM的出现让Hybrid最终的呈现将不止于Web，有了UIView这种Native的Render Engine，或者类似小程序这样，严格分离的Web Render Engine，这些火花的碰撞，正是因为前端技术方案的变化而引起的。

前端之jQuery

jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是 jQuery独有的。如果一个对象是 jQuery对象，那么它就可以使用jQuery里的方法：例如$(“#i1”).html()。

Jsoup选择器语法

jsoup 是一款基于Java 的HTML解析器，可直接解析某个URL地址或HTML文本内容。它提供了一套非常省力的API，可通过DOM，CSS以及类似于jQuery的操作方法来取出和操作数据。 jsoup的强大在于它对文档元素的检索，Select方法将返回一个Elements集合，并提供一组方法来抽取和处理结果，要掌握Jsoup首先要熟悉它的选择器语法。 1、Selector选择器基本语法

jQuery对象

当创建新元素（或选择现有元素）时，jQuery返回集合中的元素。jQuery的许多开发人员都认为这个集合是一个数组。.length毕竟，它有一个零索引序列的DOM元素，一些熟悉的数组函数和一个属性。实际上，jQuery对象比这更复杂。

jQuery 实现支持分级标题标签的文章目录

背景首个版本用 jQuery 写一个获取文章目录的功能 ID: 366 发布于: 2019-03-05 23:10:54 修改意见鉴于单个 H 标签设置比较麻烦纠结，而且有主题用户反馈，索性改成可以分级的啦代码 /* 文章目录 */ var h = 0; var pf = 23; var i = 0; $('#article-index').html('');

虚拟DOM及其实现

一篇介绍从各个角度介绍数据变化和UI变化的文章，解析了主流的库是怎么工作的：http://teropa.info/blog/2015/03/02/change-and-its-detection-in-javascript-frameworks.html 分析了过去和现在的JS框架是怎么处理前端数据和页面更新的。

重构代码的Tricks

了解女朋友的心还不如了解Python之在Python中解析和修改XML

工作中我们时常需要解析用不同语言编写的数据。Python 提供了许多库来解析或拆分用其他语言编写的数据。在这篇 Python XML 解析器教程的文章中，你可以学习怎么样通过 Python 解析 XML。

手把手教你从零开始用Java写爬虫

爬虫所用的HTM解析器为Jsoup。Jsoup可直接解析某个URL地址、HTML文本内容。它提供了一套非常省力的API，可通过DOM，CSS以及类似于jQuery的操作方法来取出和操作数据。

HTML可拖动自定义弹出层

最近在进行web项目开发过程中，遇到了一个需求，就是需要弹出层可以用鼠标拖动。之前经常做的是弹出一个弹出层来提示用户信息或者是弹出一个弹出层进行登录，缺点是不能根据用户的视觉习惯定位他。下面我来介绍一个方法来解决这个问题。以下方法通过扩展jquery来进行开发。

js判断是否是子元素

在while循环中，俺使用赋值运算符=进行迭代，直到不再有父节点，在本例中为el.parentNode返回null时, while循环结束。

记一次jsoup的使用

connect(String url) 方法创建一个新的 Connection, 和 get() 取得和解析一个HTML文件。如果从该URL获取HTML时发生错误，便会抛出 IOException，应适当处理。 Connection 接口还提供一个方法链来解决特殊请求，具体如下

回到基础：什么是DOM及DOM操作？

文本主要介绍文档对象模型(DOM),了解什么是DOM操作，以及如何使用砶 DOM API 与 JS 中的 Web 页面进行交互。

jQuery.prop , jQuery.attr ,jQuery.data

jquery.prop 获取匹配的元素中第一个元素特定的属性值，或者是设置多个元素的属性值。

so easy 前端实现多语言

每个公司业务不一样，此解决方案仅做参考。 Git demo地址前言其实现在开发者解决多语言普遍三种解决方案：第一个是为每个页面提供每种语言的相关页面。第二种是把内容从表现形式中分离出来，做不同语言的内容文件。其实第二种相对来说简单一点，那么开搞。实现思考翻译公司给的有的excel有的是json文件，咱们就统一请求json文件吧; html中给标签加个lang属性，到时候页面加载时遍历所有这些有lang属性的标签去实现切换语言; js里的文字用方法实现转换语言; 把用户选

HTML DOM(二)：节点的增删改查

上一篇：HTML DOM(一) 上一篇讲述了DOM的基本知识，从其得知，在DOM眼中，HTML的每个成分都可以看作是节点(文档节点、元素节点、文本节点、属性节点、注释节点，

JQuery选择器和JQuery包装集

（本文年代久远，请谨慎阅读）今天学习了JQuery的一些基本用法，包括JQuery选择器和JQuery包装集；

Java爬虫之JSoup使用教程

jquery中attr()和prop()的区别

在jQuery中，attr()函数和prop()函数都用于设置或获取指定的属性，它们的参数和用法也几乎完全相同。

getElementById返回的是什么？串讲HTML DOM[通俗易懂]

这个函数使用的最普遍，但是你有没有深入探究下，这个函数究竟返回的是什么么？我们来一起看看。

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

如何扩展jQuery以便更容易检索tagName

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐