学了几天JQ,挖出2个问题……
时间:2009-03-22
来源:互联网
<ul>
<li>A
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</li>
<li>B
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</li>
<li>C
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</li>
</ul>
<script type="text/javascript">
$("ul li:nth-child(2)").css("color","Red");/* B以及2全部列为红色字体 */
$("ul li:nth-child(1)").css("color","Green"); /* A以及所有1全部列为绿色 */
</script>
结果:
A
-
1 2 3 4
-
1 2 3 4
-
1 2 3 4
<button id="show">显示</button>
<button id="hide">隐藏</button>
<p style="visibility:hidden">这是一段隐藏的文本。style="visibility:hidden"</p> <!-- 对该属性无效 -->
<p style="display:none">这是一段隐藏的文本。style="display:none"</p>
<script type="text/javascript">
$("button:#hide").click(function()
{
$("p:visible").hide() /* 同等于: $("p:visible").css("display","none"); */
});
$("button:#show").click(function()
{
$("p:hidden").show() /* 同等于: $("p:hidden").css("display","block"); */
});
</script>
1
结果(单击"显示"懒得截图,自己去试):
显示隐藏
显示隐藏
这是一段隐藏的文本。style="display:none"
-------------不可否认的JQ强大……嘿嘿!我喜欢!
作者: aloner 发布时间: 2009-03-22
作者: aloner 发布时间: 2009-03-22
作者: shawphy 发布时间: 2009-03-22
又挖出一个了。。
:hidden有冲突。
<p><input type="hidden" value="隐藏的对象Hidden" /></p>
<p><input type="button" value="隐藏的对象Button"style="display:none;" /></p>
单单只用:hidden,会把两个显示出来。
作者: aloner 发布时间: 2009-03-22
作者: gordianyuan 发布时间: 2009-03-23
作者: shawphy 发布时间: 2009-03-23
见鬼般无效!
作者: aloner 发布时间: 2009-03-25
unbind()事件无法解绑所有带有命名空间的事件。<<<无奈!
作者: aloner 发布时间: 2009-03-25
alert($("p4").attr("className"));
弹出——undefined
作者: aloner 发布时间: 2009-03-25
作者: css8wusan 发布时间: 2009-03-31
你漏了"#"号当然弹出undefined
而且你把class添加到body上而不是p标签上
作者: gordianyuan 发布时间: 2009-03-31
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28