javascript - jQuery:防止 child 继承 parent 的属性?

标签 javascript jquery html css

使用 jQuery:如何防止子级 (<span>) 继承父级 (<p>) 的属性?我已经为此工作和研究了 2 个多小时;没有任何效果。

问题部分:

$("p").not("span").css("cursor", "pointer");

<p>...<span>...</span></p>

完整代码:

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<style>body {font-family:Arial,san-serif;font-size:25pt;}</style>
<body>
<p>Always shown | <span>Show/Hide</span></p>
<p>Always shown | <span>Show/Hide</span></p>
</body>

<script>
//Change pointer to a hand:
$("p").not("span").css("cursor", "pointer");
//Show & Hide by clicking on "Always shown":
function handler(event) {
  var target = $(event.target);
  if (target.is("p")) {
    target.children().toggle();
  }
}
$("body").click(handler).find("span").hide();
</script>

最佳答案

为什么不用css?

p{ cursor: pointer; }
p span{ cursor: default; }

关于javascript - jQuery:防止 child 继承 parent 的属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29858381/

相关文章:

javascript - CSS 隐藏文本对搜索引擎非法?

javascript - 使用 javascript 从网页 POST 到 REST API

javascript - 使用 Node 和 https localhost 获取第三方链接的 api

javascript - 如何使用 Javascript 更新 Firefox 中的 DIV 内容?

javascript - 发出AJAX请求时如何显示进度?

html - Sass 变量前缀

javascript - jquery 函数不适用于重复除法

javascript - 如何使用jquery选择数组中的多个输入值

javascript - 我可以在 Ember 2.1 中升级 jQuery 2 吗?

javascript - 在插入的手动 div 上应用样式