发现jQuery一个小问题

最新推荐文章于 2024-04-12 17:14:53 发布

最新推荐文章于 2024-04-12 17:14:53 发布 · 81 阅读

文章标签：

#jQuery #JavaScript #CSS #浏览器 #C #ViewUI

本文探讨了使用jQuery选择未被选中的复选框后跟随的span元素并改变其背景颜色的问题。作者发现不同输入标签的书写方式导致了选择器无法正常工作。通过对两种不同HTML结构的对比，分析了问题出现的原因。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在测试时候，如果这样写代码，能编译通过，没有checked的选项高亮显示

<mce:script type="text/javascript" src="jquery-1.1.3.pack.js" mce_src="jquery-1.1.3.pack.js" language="javascript"></mce:script> <mce:script type="text/javascript"></mce:script> <body> <input type="checkbox" name="a"/> <span>李晗</span> <input type="checkbox" name="b"/> <span>李晗</span> <input type="checkbox" name="c"/> <span>李晗</span> <input type="checkbox" checked="checked" name="d"/> <span>李晗</span> <input type="checkbox" name="e"/> <span>李晗</span> </body>

但是，如果换成这样，就解析不到了

<mce:script type="text/javascript" src="jquery-1.1.3.pack.js" mce_src="jquery-1.1.3.pack.js" language="javascript"></mce:script> <mce:script type="text/javascript"></mce:script> <body> <input type="checkbox" name="a"></input> <span>李晗</span> <input type="checkbox" name="b"></input> <span>李晗</span> <input type="checkbox" name="c"></input> <span>李晗</span> <input type="checkbox" checked="checked" name="d"></input> <span>李晗</span> <input type="checkbox" name="e"></input> <span>李晗</span> </body>

不知道是浏览器问题还是其他，高人指点