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

复制代码 代码如下:

<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>

时间: 2024-08-02 14:46:38

get(0).tagName获得作用标签示例代码_javascript技巧的相关文章

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

 代码如下: <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 + '

js动态创建标签示例代码_javascript技巧

复制代码 代码如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":&q

javascript操纵OGNL标签示例代码_javascript技巧

吧ONGL标签放到html标签中,来操作html的标签就可以了 例子代码: html 复制代码 代码如下: <div id="categoryid" style="display:none;"><s:property value="id"/></div> javascript 复制代码 代码如下: <script type="text/javascript"> var categ

【JS+CSS3】实现带预览图幻灯片效果的示例代码_javascript技巧

一.前期准备 1.1 案例分析 适用场景:单例布局 1.2 方法论 V视图 HTML+CSS+调试 C js实现控制流程 D数据 优化扩展 二.代码 结构 <div class="slider"><!-- 特效区 --> <div class="main"><!-- 主视图区 --> <div class="main_i"> <div class="caption&quo

分享javascript计算时间差的示例代码_javascript技巧

在实际应用中,需要计算两个时间点之间的差距,一般来说都是计算当前时间和一个指定时间点之间的差距,并且有时候需要精确到天.小时.分钟和秒,下面就简单介绍一下如何实现此效果. 效果图: 距离新年: 代码如下: <html> <head> <title>javascript计算时间差</title> <style type="text/css"> #thenceThen { font-size:2em; } </style&g

使用React实现轮播效果组件示例代码_javascript技巧

前言 我发现React和AngularJS思想完全不同,AngularJS是基于双向绑定,在Modal层中定制数据,然后双向改变.但是React是通过prop和state来改变view层的状态.下面是我写的一个轮播图组件,可以直接看一下.代码很简单.原理就是通过React在componentDidMount后改变setState,来动态改变css样式. 说明以下:看gif很卡,但是实际效果还是很好的. 以下是示例代码 LunBo.js require('styles/App.css'); req

JavaScript中removeChild 方法开发示例代码_javascript技巧

1. 概述 删除后的节点虽然不在文档树中了,但其实它还在内存中,可以随时再次被添加到别的位置. 当你遍历一个父节点的子节点并进行删除操作时,要注意,children属性是一个只读属性,并且它在子节点变化时会实时更新 // 拿到待删除节点: var self = document.getElementById('to-be-removed'); // 拿到父节点: var parent = self.parentElement; // 删除: var removed = parent.remove

鼠标滚轮改变图片大小的示例代码_javascript技巧

鼠标滚轮改变图片大小的示例代码<script> function onWheelZoom(obj){         zoom = parseFloat(obj.style.zoom);         tZoom = zoom + (event.wheelDelta>0 ? 0.05 : -0.05);         if( tZoom > 1 || tZoom<0.1 ) return true;         obj.style.zoom=tZoom;       

js和jquery实现监听键盘事件示例代码_javascript技巧

项目中要监听键盘组合键CTRL+C,以便做出对应的响应.查了一些方法但是其兼容性和稳定性不是很高,最终得到如下方法,经测试在Firfox.Chrome.IE中均可以使用.一.使用javascript实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> function keyListener(ev