jquery语法
2015-07-22 11:56
519 查看
1.$(this).hide(); 隐藏当前的HTML元素
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$(this).hide();
});
});
</script>
</head>
<body>
<button type="button">Click me</button>
</body>
</html>
2.$("#test").hide(); 隐藏id=test的元素
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("#test").hide();
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p id="test">This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>
3. $(".test").hide(); 隐藏class="test"的元素
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$(".test").hide();
});
});
</script>
</head>
<body>
<h2 class="test">这是标题</h2>
<p class="test">这是一个章节</p>
<p>这是另一个章节</p>
<button type="button">Click me</button>
</body>
</html>
4.$("p").hide(); 隐藏所有<p>元素
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$(".test").hide();
});
});
</script>
</head>
<body>
<h2>这是标题</h2>
<p>这是一个章节</p>
<p> 这是另一个章节</p>
<button type="button>Click me</button>"
</body>
</html>
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$(this).hide();
});
});
</script>
</head>
<body>
<button type="button">Click me</button>
</body>
</html>
2.$("#test").hide(); 隐藏id=test的元素
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("#test").hide();
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p id="test">This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>
3. $(".test").hide(); 隐藏class="test"的元素
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$(".test").hide();
});
});
</script>
</head>
<body>
<h2 class="test">这是标题</h2>
<p class="test">这是一个章节</p>
<p>这是另一个章节</p>
<button type="button">Click me</button>
</body>
</html>
4.$("p").hide(); 隐藏所有<p>元素
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$(".test").hide();
});
});
</script>
</head>
<body>
<h2>这是标题</h2>
<p>这是一个章节</p>
<p> 这是另一个章节</p>
<button type="button>Click me</button>"
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 浅析jQuery对select操作小结(遍历option,操作option)
- 【JQuery】jQuery.inArray 确定第一个参数在数组中的位置
- PHP结合jQuery实现找回密码
- Extjs和jQuery的区别
- js(jquery)绑定点击事件
- jquery+validate+blockUI小例子
- jquery实现页面加载时删除特定class 的div内前三个字符
- jquery.attr 等类似的多源函数问题
- PHP结合jQuery实现的评论顶、踩功能
- jquery ajax如何传多个值到后台页面
- jQuery-图片的放大镜显示效果(不需要大小图) ，放大镜图层显示在图片左右侧,不适用table
- js,jQuery数组常用操作小结
- 使用jQuery图表插件Sparklines来开发一个实用的网站PV(page view)实时监控应用
- 学习笔记：jquery1.9版本后废弃的函数和方法
- jquery掷筛子动画 整理
- jQuery掷色子动画
- jQuery常用选择器汇总
- jQuery原型属性和方法总结
- jQuery ui datepicker 日历转中文
- jquery php ajax 表单验证