都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个队伍 首先若干个其实就是在坑人,实 ...
随机推荐
- install tool
# 查看静态态依赖库 ldd ./nginx #查看安装了哪些模块 ./nginx -V
- 安装爬虫scrapy
使用easy_install安装scrapy,报错 error: Setup script exited with error: command 'gcc' failed with exit stat ...
- JQuery的Select操作集合
jQuery获取Select选择的Text和Value: 语法解释: $("#select_id").change(function(){//code...}); //为Sel ...
- less 工具
less 工具也是对文件或其它输出进行分页显示的工具,应该说是linux正统查看文件内容的工具,功能极其强大.less 的用法比起 more 更加的有弹性.在 more 的时候,我们并没有办法向前面翻 ...
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">的含义
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/x ...
- C#对象赋值出现的诡异问题，或许你也遇到过，有待你的解决
前言:今天在代码中,又出现了这个问题,就是对象赋值给一个新的对象时,然后更改新对象中的属性,就会把老对象的值也更改,以前也遇到这个问题,只是没有深究,今天刚好又遇到了此问题,我决定写下来,和大家一起分 ...
- android小知识之自定义通知（toast）
Toast是较为熟悉的通知,但默认方式比较单调,可以根据自己的需求自定义,在统一UI风格的时候可以单独拿出来做一个工具类来使用. 下面我在Fragment中定义的一个按键弹出自定义Toast,在Act ...
- OpenCV---图片生成视频
/** It is a batch processing interface. */ #include "stdafx.h" #include <windows.h> ...
- 【SVN】使用花生壳映射VisualSVN外网地址
内网端口设置为443,花生壳映射设置的时候不能使用80端口,,需要用其他端口,,
- JavaSE_ 集合框架 总目录(15~18)
JavaSE学习总结第15天_集合框架1 15.01 对象数组的概述和使用15.02 对象数组的内存图解15.03 集合的由来及与数组的区别15.04 集合的继承体系图解15.05 Collectio ...