文档章节

jquery更改文本框内容效果实现

Adam-Lee
 Adam-Lee
发布于 2012/04/09 10:31
字数 142
阅读 653
收藏 0

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

common.js:

$(function(){
    $('#menu').children('li').eq(0).addClass('add');
    $('#content').text($('#menu').children('li').eq(0).text());
    $('#menu li').click(function(){
        var index = $(this).index();
        var liValue = $(this).text();
        $('#menu li').removeClass('add');
        $(this).addClass('add');
        $('#content').text(liValue);
    })
})

index.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>test jquery</title>
<script src='jquery.js'></script>
<script src='common.js'></script>
<style>
ul li{ list-style:none;float:left;margin-right:5px;border:1px solid #d4d4d4;width:50px;}
ul{ margin:0;padding:0;}
.cl{ clear:both;}
.add{ background:#d4d4d4;}
</style>
</head>
<body>
<ul id='menu'><li>1</li><li>2</li><li>3</li></ul>
<div class='cl'>
<textarea id='content'></textarea>
</div>
</body>
</html>

© 著作权归作者所有

Adam-Lee
粉丝 50
博文 118
码字总数 166965
作品 0
深圳
程序员
私信 提问
7个提高 TextArea 操作性能的 jQuery 插件

默认状态下的Textarea文本的功能确实有限,它甚至不能支持常用的HTML代码,所以,在多数情况下,我们通过其他控件或别的办法来增强Textarea的可操作性,以下就是7个跟提高Textarea操作性能相...

红薯
2011/08/25
3.7K
4
25+ 个 jQuery 网页拖放操作的插件

这篇文章为你介绍27个jQuery插件,使得你的Web前端具备拖放操作的能力。 Ajax Upload 提供文件拖放上传,并显示上传进度 Drop n’ Save – Drag & Drop Uploader 另外一个文件拖放上传功能的...

红薯
2012/04/09
17.2K
10
jQuery for Asp.Net 开发环境配置

1.jQuery概述 jQuery是一个优秀的JavaScript框架,是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。 目前jQu...

长平狐
2013/06/17
113
0
2017 年 2 月一些不错的 jQuery 插件汇总

1. imageR 这个jQuery插件允许您添加data属性到一个图像标签或元素,实现根据设备的尺寸展示相应大小的图片。 2. Particler Particler一个纯JavaScript插件,它基于你的图像创建一个Canva粒子...

pe_mail2006
2017/02/12
3.8K
5
二、jQuery中的DOM操作

Dom操作的分类 一般来说,Dom操作分为3个方面,即DOM Core、HTML-DOM和CSS-DOM。 jQuery中的DOM操作 一、查找节点 用jQuery在文档树上查找节点非常容易,可以利用前面介绍的jQuery选择器来完...

Winnie007
2015/11/14
122
0

没有更多内容

加载失败,请刷新页面

加载更多

采购单品汇总_华南.xlsx

import pandas as pdimport matplotlib.pyplot as pltimport matplotlib as mp1mp1.rcParams["font.family"] = "STFangsong"# 加载《销售》表数据df1 = pd.read_excel(r"C:\Us......

龙玉滕
今天
5
0
OSChina 周五乱弹 —— 一次四千 要4次还能多给一千

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @这次装个文艺青年吧 :#今日歌曲推荐# 分享金志文的单曲《远走高飞》: 版权又回来了现在听歌得好几个软件 《远走高飞》- 金志文 手机党少年们...

小小编辑
今天
5
0
Spring Cloud Alibaba 实战(十) - Spring Cloud GateWay

> 本文主要内容是:为什么要使用网关,整合Gateway,Gateway核心学习:Route,Predicate,Filter,最后使用Gateway聚合微服务请求 先总结至此的架构 1 网关的价值 不使用网关行嘛? 各个请求直接打在...

JavaEdge
今天
4
0
【CKB.DEV 茶话会】第二期:聊聊 CKB 钱包和 Nervos DAO 全流程

CKB.DEV 茶话会第二期:聊聊 CKB 钱包和 Nervos DAO 全流程 为了鼓励更多优秀的开发者和研究人员参与到 CKB 的开发和生态建设中去,我们希望组织一系列 CKB Developer Seminar(CKB.DEV 茶话...

NervosCommunity
今天
4
0
聊聊rocketmq的HAClient

序 本文主要研究一下rocketmq的HAClient HAClient rocketmq-all-4.6.0-source-release/store/src/main/java/org/apache/rocketmq/store/ha/HAService.java class HAClient extends Serv......

go4it
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部