1、jquery_属性和选择器
1、ID选择器
2、attr和val和removeattr
3、attr和removeattr和val
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="scripts/jquery-1.7.1.min.js"></script>
<script>
//$(function () {}）代表页面加载完成
$(function () {
//$('#bt1') 代表获取ID，也就是id选择器
$('#bt1').click(function () {
//val（）获取value值，val(str) 给value赋值
$('#bt1').val('显示');
});
$('#bt2').click(function () {
//attr（name）表示添加name属性，attr（name，value）表示添加name属性，且赋值value
$('#bt2').attr('value','attr显示')
});
//removeAttr(name)代表删除属性name
$('#bt3').click(function () {
$('#bt3').removeAttr('value');
});
}) </script>
</head>
<body>
<input type="button" id="bt1" />
<input type="button" id="bt2" />
<input type="button" id="bt3" value="bt3"/>
<script> </script>
</body>
</html>
4、元素选择器：标签
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="scripts/jquery-1.7.1.min.js"></script>
<script>
$(function () {
$('input').click(function () {
//注意这样就拿到了所有的input标签，而我们是需要只拿点击的对象所以用Dom对象
//$('input').val("呜呜")
this.value = '呜呜';
})
})
</script>
</head>
<body>
<input type="button" value="笑笑" />
<input type="button" value="笑笑" />
<input type="button" value="笑笑" />
<input type="button" value="笑笑" />
<input type="button" value="笑笑" />
<input type="button" value="笑笑" />
</body>
</html>
5、类选择器：.class
6、
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="scripts/jquery-1.7.1.min.js"></script>
<script>
$(function () {
$('#Button1').one('click', function () {
//对于标签对，使用text（），html（）进行设置和获取
$('#txt1').text('这是个div')
});
})
</script>
</head>
<body>
<input id="Button1" type="button" value="button" />
<div id="txt1"></div>
</body>
</html>
1、jquery_属性和选择器的更多相关文章
- jQuery选择器之表单对象属性过滤选择器Demo
测试代码: 08-表单对象属性过滤选择器.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
- jQuery之属性过滤选择器
转自:http://blog.csdn.net/woshisap/article/details/7341136 在HTML文档中,元素的开始标记中通常包含有多个属性(attribute), 在jQu ...
- jQuery表单对象属性过滤选择器
jQuery表单对象属性过滤选择器 <div id="p1" attr="p1"> <input type="text" ...
- 黑马day16 jquery&属性过滤选择器
属性过滤选择器的过滤规则是通过元素的属性来获取对应的元素 .[attribute] 使用方法: $("div[id]") ; 返回值 集合元素 说明:匹配包括给定属性的元素.样 ...
- 【转】jQuery属性过滤选择器
属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素. [attribute] 选取用次属性的元素 [attribute=value] 选取属性值为value的元素 [attribute ...
- 009 jquery过滤选择器-----------（表单对象属性过滤选择器 与 表单选择器）
1.表单对象属性选择器 2.程序 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"& ...
- Jquery | 基础 | jQuery表单对象属性过滤选择器
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>使用jQuery表单对象属性 ...
- Jquery | 基础 | 属性过滤选择器
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- jQuery选择器之属性筛选选择器
在这么多属性选择器中[attr="value"]和[attr*="value"]是最实用的 [attr="value"]能帮我们定位不同类型 ...
随机推荐
- 【转载】Dom4j的使用(全而好的文章)
Dom4j的使用(全而好的文章) Dom4j 使用简介 作者:冰云 icecloud(AT)sina.com 时间:2003.12.15 版权声明: 本文由冰云完成,首发于CSDN,未经许可,不得 ...
- UOJ278 【UTR #2】题目排列顺序
本文作者:ljh2000 作者博客:http://www.cnblogs.com/ljh2000-jump/转载请注明出处,侵权必究,保留最终解释权! 题目链接: http://uoj.ac/co ...
- MATLAB卷积运算（conv、conv2）解释
来源:https://www.cnblogs.com/hyb221512/p/9276621.html 1.conv(向量卷积运算) 所谓两个向量卷积,说白了就是多项式乘法.比如:p=[1 2 3], ...
- Luogu P1196 [NOI2002]银河英雄传说：带权并查集
题目链接:https://www.luogu.org/problemnew/show/P1196 题意: 有30000个战舰队列,编号1...30000. 有30000艘战舰,编号1...30000, ...
- php深入浅出session
1. session概念 0 2. http协议与状态保持 0 3. 理解cookie 0 4. php中session的生成机制 2 5. php中session的过期回收机制 3 6. php中s ...
- selenium-查看selenium API
pydoc是Python自带的模块,主要用于从python模块中自动生成文档,这些文档可以基于文本呈现的.也可以生成WEB 页面的,还可以在服务器上以浏览器的方式呈现! 一.pydoc 1.到底什么是 ...
- Python基础-redis模块使用
redis是一个数据库,他的数据全都是存放在内存里面的,redis每秒能支持30w次的读写,存放有两种格式,一种string类型,一种是hash类型 一,操作string类型 r=redis.Redi ...
- codeforces 632B B. Alice, Bob, Two Teams(暴力)
B. Alice, Bob, Two Teams time limit per test 1.5 seconds memory limit per test 256 megabytes input s ...
- C++中函数模版和普通函数的区别
函数模版和同名普通函数在同一个作用域中,会优先调用那个函数? 函数模型在进行调用的时候会进行严格的类型匹配,而普通函数在调用的时候,会进行函数参数类型转换(前提是自动类型转换). 调用函数模版,本质是 ...
- type_traits.h
type_traits.h // Filename: type_traits.h // Comment By: 凝霜 // E-mail: mdl2009@vip.qq.com // Blog: ht ...