jQuery的对html元素及css的简单操作demo
来源:互联网 发布:天天特价淘宝网 编辑:程序博客网 时间:2024/06/05 09:22
jQuery 语法
jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。
基础语法是:$(selector).action()
- 美元符号定义 jQuery
- 选择符(selector)“查询”和“查找” HTML 元素
- jQuery 的 action() 执行对元素的操作
示例
$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有段落
$("p.test").hide() - 隐藏所有 class="test" 的段落
$("#test").hide() - 隐藏所有 id="test" 的元素
jQuery 事件
下面是 jQuery 中事件方法的一些例子:
下面是一个简单的例子
<html>
<head><script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//当鼠标停留在此段落时背景颜色将会变化
$("p").mouseover(function(){
$("p").css("background-color","yellow")
})
//将此段落的背景颜色设为红色
$("p").css("background-color","red")
//class为test的操作
$("p.test").hide();
//id为test的操作
$("#test").hide();
$("button").click(function(){
$("p").hide();
})
})
</script>
</head>
<body>
<h2>你好</h2>
<p>点击我会隐藏哦</p>
<!class為test的将会隐藏 -->
<p class="test">一開始我就隱藏</p>
<!id为test的将会隐藏 -->
<p id="test">一開始我就隱藏</p>
<button type="button">
hello!点击我!
</button>
</body>
</html>
- jQuery的对html元素及css的简单操作demo
- 02. JQuery 对HTML/CSS的操作
- JS操作HTML元素的CSS样式
- jQuery实例6:对DOM的简单操作和对CSS的操作
- jQuery 操作动态加载的html 元素
- js对HTML元素的操作
- HTML、css、js控制页面元素的显示及个人对浮动的理解
- jQuery对from表单元素的操作
- JQuery对<selecte>中的元素的操作
- JQuery 对一些常见元素的操作
- JQuery对元素的常用操作
- jquery对表单元素的一些操作
- jquery一些对元素的操作
- jquery对元素隐藏的操作
- jsp jquery实现级联菜单,jquery对select元素的简单操作
- 通过 jQuery,对 CSS 元素进行操作。
- jQuery对html元素的取值和赋值操作代码
- jquery对CSS的样式操作
- nginx
- edittext 设置显示长度(像素),字符长度 添加省略号
- 如何更新map、multimap中得key
- config group quota for smb shares in Ubuntu
- Adobe Flash Player 下载
- jQuery的对html元素及css的简单操作demo
- Linux 自动上传备份文件
- 如何解决SqlServer2008修改表结构后无法保存的问题
- JInternalFrame标题栏设置
- Spring配置文件中使用PropertyPlaceholderConfigurer配置获取jdbc的配置信息
- Android.animation cts fail之消息处理延时
- [工具相关]editplus当中windows dos批处理的stx文件
- Patrick Wyatt:代码没问题 程序却有bug?
- linux卸载软件