都div在所有li的html()值被设置"哈哈"，当点击设置"我被点击",其余的还是不点击设置“哈哈”
<1>
<!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>
<title></title>
<script src="Jquery/jquery-1.10.2.js" type="text/javascript"></script>
<script type="text/javascript">
//将全部div下的全部li的html值设为"哈哈"，当点击的时候设为"我被点击了",其余没有点击的依旧设为“哈哈”
$(function () {
var ss = $("div li"); //获取div下的全部li元素
$.each(ss, function () { //遍历获取到的这些li元素
$(this).html("哈哈"); //将当前遍历到li元素的html()设为"哈哈" $(this).click(function () { //给当前遍历到的li元素加入click事件
$("div li").html("哈哈"); //将div下是全部li的html()设为"哈哈"
$(this).html("我被点击了"); //将当前点击的li的html()设为"我被点击了";
})
});
}) </script>
</head>
<body> <div>
<ul>
<li></li>
<li></li>
</ul>
<ul>
<li></li>
<li></li>
</ul>
</div>
<div>
<ul>
<li></li>
<li></li>
</ul>
<ul>
<li></li>
<li></li>
</ul>
</div>
</body>
</html>
<2>
<!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>
<title></title>
<script src="script/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript"> //将input标签的button控件的value值设为"哈哈"。当点击这个button按钮的时候就将当前点击的按钮值设为"我被点击了",其它没被点击的仍然为"哈哈" //Jquery写法
$(function () {
$.each($("input"), function () {
$(this).val("哈哈");
$(this).click(function () {
$("input").val("哈哈");
$(this).val("我被点击了"); })
})
}) //DOM写法
function fn() {
var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
inputs[i].value="哈哈";
inputs[i].onclick = btnClick;
}
}
function btnClick(e) { var inputs=document.getElementsByTagName("input");
for(var i=0;i <inputs.length;i ++){
var obj = e.srcElement || e.target;
var name = inputs[i];
if(name==obj)
{
name.value = "我被点击了";
}
else
{
name.value = "哈哈";
}
}
} </script> </head>
<body onload="fn()">
<input type="button" />
<input type="button" />
<input type="button" />
<input type="button" />
<input type="button" />
</body>
</html>
<3>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="Jquery/jquery-1.10.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
var inputs = $("input"); //获得或有的input表单
$.each(inputs, function () { //遍历这些表单
$(this).val("广州").css("background", "red"); //将当前遍历到的input表单的val设为广州。颜色设为红色
$(this).click(function () { //给当前遍历到的input表单加入click事件
//给当前点击的input表单的val设为深圳，颜色设为黄色，给当前点击的input表单的兄弟的val设为广州。颜色设为红色
$(this).val("深圳").css("background", "yellow").siblings().val("广州").css("background", "red");
}) })
})
</script>
</head>
<body>
<input type="button"/>
<input type="button"/>
<input type="button"/>
<input type="button"/>
</body>
</html>
版权声明：本文博主原创文章，博客，未经同意不得转载。
都div在所有li的html()值被设置"哈哈"，当点击设置"我被点击",其余的还是不点击设置“哈哈”的更多相关文章
- 打开MSSQL 2008 R2的时候，展开数据库都显示以下的错误提示： 值不能为空。参数名viewinfo(microsoft.sqlserver.management.sqlstudio.explorer)
打开MSSQL 2008 R2的时候,展开数据库都显示以下的错误提示: 值不能为空.参数名viewinfo(microsoft.sqlserver.management.sqlstudio.explo ...
- jquery设置div,文本框 表单的值示例
我们将使用前一章中的三个相同的方法来设置内容: text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML标记)val() - 设置或返回表单字段的值 1 ...
- 如何获取ul 中li选中的值点击button按钮跳转链接
<ul id="parent"> <li></li> <li></li> <li></li> & ...
- HTML-中<li>标签value值的兼容问题
今天在做项目测试的时候,发现IE浏览器对HTML中<li>标记的value取值存在兼容性问题,特意从4个浏览器出发进行了一些测试.现将测试结论展示如下: 测试类型 IE8 FF16.0.1 ...
- 获取一个div下的li或者img元素
上层div的xpath=//*[@id="launchpadOptionsList"] 其下的所有li的最后一个是//*[@id="launchpadOptionsLis ...
- 前端JQuery中获取一个div下的多个id值
获取所有的Id值,方法是通过div.class获取全局的值,然后再提取具体的Id值 方法一:用for循环,因为$("div.class")获取的是一个数组,通过循环读取出数组中的每 ...
- c# 所有类型都是从object继承，那么值类型默认也有装箱吗？
我们知道,c#所有类型都是从System.Object继承,int等值类型也逃脱不了这种命运,那难道值类型默认有装箱操作吗?答案是否,在CLR via这本书中有简短的解释说明: 1.值类型从Syste ...
- 根据ul的class和li的class获取li的value值
<ul class="bd exam" style="display: none;"> <li class="cwhite acti ...
- Codeforces Round #389 (Div. 2) 752F(树的权值重心)
题目大意 给定2k个队伍分别住在2k个城市里,需要设定若干个城市,然后选取2个队伍要在它们的最短路径上设一个城市作为休息站 要求设立最少的休息站,然后输出如何安排2个队伍 首先若干个其实就是在坑人,实 ...
随机推荐
- Mysql 如何做双机热备和负载均衡 （方法二）
先简要介绍一下mysql双向热备:mysql从3.23.15版本以后提供数据库复制功能.利用该功能可以实现两个数据库同步,主从模式(A->B),互相备份模式(A<=>B)的功能. m ...
- MarkDown使用 （一）
MarkDown的数学公式输入 MarkDown的数学公式输入 1．如何插入公式 LaTeX的数学公式有两种:行中公式和独立公式.行中公式放在文中与其它文字混编,独立公式单独成行. 行中公式可以用如下 ...
- （转）深入浅出Java三大框架SSH与MVC的设计模式
原址:http://www.educity.cn/java/1382738.html 现在许许多多的初学者和程序员,都在趋之若鹜地学习Web开发的宝典级框架:Struts2, Spring,Hiber ...
- php中的require-once
require_once语句和require语句完全相同,唯一区别是 PHP 会检查该文件是否已经被包含过,如果是则不会再次包含. 参见include_once的文档来理解_once的含义,并理解与没 ...
- angular的$q服务和promise模式
此承诺/延迟(promise/deferred)实现的灵感来自于 Kris Kowal's Q CommonJS Promise建议文档 将承诺(promise) 作为和 异步执行操作(action) ...
- clistctrl 虚拟列表
一.什么是虚拟列表控件 虚拟列表控件是指带有LVS_OWNERDATA风格的列表控件.. 二.为什么使用虚拟列表控件 我们知道,通常使用列表控件CListCtrl,需要调用InsertItem把要显示 ...
- 数据库 BUG：Illegal mix of collations (utf8_unicode_ci,IMPLICIT) and (utf8_general_ci,IMPLICIT) for operation '=
在mysql5中遇到的问题: Illegal mix of collations (utf8_general_ci,IMPLICIT) and (utf8_unicode_ci,IMPLICIT) f ...
- ThinkPad x200为何总是CPU占用50%
2009年,我从美国买回一台ThinkPad X200 Tablet,Windows XP Tablet PC Edition 2005版,服役几年一直很正常.直到2012年初的时候,突然发现电脑非常 ...
- js导出成excel
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- java类的结构（属性、方法、构造函数）
一.类的定义形式类定义的一般形式如下 [类定义修饰符] class <类名> { //类体 [成员变量声明] [构造函数] [成员方法] } 前面说过,在描述java语法时,方括号中 ...