get(0).tagName获得作用标签示例代码

 更新时间:2014年10月08日 17:33:34   投稿:whsnow  
get(0).tagName可获得作用标签,下面是它的一个小应用,在学习js的朋友可以参考下

复制代码 代码如下:

<script type="text/javascript" src="jquery1.4.js"></script>
<script type="text/javascript">
$(function(){
$(".test li,.test dd").click(function(){
alert('本身为大写:' + $(this).get(0).tagName + '\n利用toLowerCase()转换为小写:' + $(this).get(0).tagName.toLowerCase() + '\n利用toUpperCase()转换为大写:' + $(this).get(0).tagName.toUpperCase());
})
});
</script>

<div class="test">
<ul>
<li>lili</li>
<li>lili</li>
</ul>

<dl>
<dd>dddd</dd>
<dd>dddd</dd>
</dl>
</div>

相关文章

  • js通过googleAIP翻译PHP系统的语言配置的实现代码

    js通过googleAIP翻译PHP系统的语言配置的实现代码

    一同事弄了个系统是php写的,虽然是多语言但没中文!他打算手动翻译2000多个语言配置,真是佩服,知道后想了想,应该有好的法办
    2011-10-10
  • JavaScript拖拽、碰撞、重力及弹性运动实例分析

    JavaScript拖拽、碰撞、重力及弹性运动实例分析

    这篇文章主要介绍了JavaScript拖拽、碰撞、重力及弹性运动实现方法,涉及JavaScript数学运算结合时间函数实现运动效果的相关技巧,需要的朋友可以参考下
    2016-01-01
  • Bootstrap滚动监听(Scrollspy)插件详解

    Bootstrap滚动监听(Scrollspy)插件详解

    滚动监听插件是用来根据滚动条所处在的位置自动更新导航项目, 显示导航项目高亮显示。这篇文章主要介绍了Bootstrap滚动监听(Scrollspy)插件的相关资料,需要的朋友可以参考下
    2016-04-04
  • 微信小程序的WXSS和全局、页面配置详细讲解

    微信小程序的WXSS和全局、页面配置详细讲解

    WXSS(WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式,下面这篇文章主要给大家介绍了关于微信小程序WXSS和全局、页面配置的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-08-08
  • javascript对select标签的控制(option选项/select)

    javascript对select标签的控制(option选项/select)

    html中的select标签,也是asp.net中的asp:DropDownList控件,接下来介绍javascript对select标签的控制,感兴趣的朋友可以了解下,或许本文对你有所帮助
    2013-01-01
  • JavaScript 中级笔记 第四章 闭包

    JavaScript 中级笔记 第四章 闭包

    前面已经讲解了 引用,函数重载,作用域和上下文,接下来,讲解JavaScript中另一个重要的知识——闭包。
    2009-09-09
  • jQuery及JS实现循环中暂停的方法

    jQuery及JS实现循环中暂停的方法

    这篇文章主要介绍了jQuery及JS实现循环中暂停的方法,以实例形式分析了循环中暂停的原理及实现技巧,非常具有实用价值,需要的朋友可以参考下
    2015-02-02
  • 一文详解如何在浏览器中使用JavaScript

    一文详解如何在浏览器中使用JavaScript

    这篇文章主要介绍了在浏览器中使用JavaScript的步骤,包括启用JavaScript、编写和运行JavaScript代码的方法,以及一些注意事项,需要的朋友可以参考下
    2025-03-03
  • JS运算符优先级与表达式示例详解

    JS运算符优先级与表达式示例详解

    这篇文章主要给大家介绍了关于JS运算符优先级与表达式的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-09-09
  • element-ui dialog弹窗增加全屏功能(推荐)

    element-ui dialog弹窗增加全屏功能(推荐)

    这篇文章主要介绍了element-ui dialog弹窗增加全屏功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-11-11

最新评论