jQuery 基本选择器
1 基本选择器
$(‘#id属性值’) ----------->document.getElementById()
$(‘tag标签名称’)----------->document.getElementsByTagName();
$(‘.class属性值’) class属性值选择器
$(‘*’) 通配符选择器
$(‘s1,s2,s3’)联合选择器
/**********************************************/
<script type="text/javascript">
function f1(){
//① $('#id属性值')
$('#username').css('color','red');
//② $('tag标签名称')tag标签选择器
$('input').css('background-color','blue');
//③ $('.class属性值') class类别选择器
$('.apple').css('background-color','green');
//④ $('*') 通配符选择器
//$('*').css('background-color','gray');
//⑤ $('s1,s2,s3...')联合选择器selector
$('p,#username,.apple').css('font-size','25px');
}
</script>
<style type="text/css">
#username{}
p{}
.apple{}
*{}
.apple,span,input{} /*联合选择器*/
</style>
<h2>基本选择器</h2>
<input type="text" name="username" value="xiaoqiang" id="username" /><br />
<p>Today is Sunday</p>
<div class="apple">We are studying jquery</div>
<span>this is beijing</span><br />
<input type="button" value="触发" onclick="f1()" />
/**********************************************/
最新文章
- Arduino舵机控制
- 语义网 （Semantic Web）和 web 3.0
- xamarin UWP证书问题汇总
- SQLite剖析之体系结构
- js call与apply方法
- “RESTful架构”相关资料收藏
- 在Linux CentOS上编译CoreCLR
- 在UWP应用中实现Gif播放
- Codeforces Round #230 (Div. 2) 解题报告
- dbd到mongo的序列化问题及稳定性
- CSS学习笔记之定位
- NGUI系列教程四（自定义Atlas，Font）
- pyshp操作shapefile
- js 字符及字符串
- 纯 CSS 创建各种不同的图形形状
- JS给元素循环添加事件的问题
- zabbix 安装配置以及漏洞检测脚本
- CAD快捷键命令
- Archive for required library: 'E:/repository/org/apache/ant/ant/1.7.1/ant-1.7.1.jar' in project 'test02' cannot be read or is not a valid ZIP file
- abtestingGateway错误集锦