Question

我是JQuery的初学者，如何使用JQuery选择对象？

这是代码：

<script type="text/javascript" language="javascript">

function Hide(senderID) {
   $("#" + senderID).hide(200);
   // this exception is thrown // Microsoft JScript runtime error: Object expected
}

</script>

<div id="div1" onclick="javascript:Hide(this.id)"

任何帮助！

Answer 1

请不要：
1. 从元素中获取ID
2. 将该ID传递给函数
3. 使用id获取元素。
执行：只需传递元素。
不要将javascript:粘贴在内在事件属性的前面，这并不代表您认为的含义。
不要使用内部事件属性（虽然我在这个例子中没有解决这个问题）。使用unobtrusive JS。
避免根据对div的点击触发事件。使用基于焦点的导航设备（例如使用键盘上的Tab键和残障人士使用的众多设备）无法使用HTML 5中引入的新功能但尚未获得广泛支持。使用设计为交互控件的元素（例如按钮）。（在下面的例子中也没有修复）

示例：

function Hide(sender) {
       $(sender).hide(200);
}

<div id="div1" onclick="Hide(this)"

Answer 2

代码与你的完全相同，我添加了正确的标签，并调用了包含jquery库：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script>
function Hide(senderID) {
     $("#" + senderID).hide();
}
</script>
<div id="div1" onclick="javascript:Hide(this.id)">Click Me</div>

Answer 3

function Hide(sender) {
   $(sender).hide(200);
}
<div id="div1" onclick="javascript:Hide(this)"></div>

希望有所帮助

Answer 4

我无法抗拒。为什么不使用jQuery的全部功能？

<强> HTML：

<div class="hideable-div">Click me and get rid of me.</div>

<强> jQuery的：

$('.hideable-div').click(function () {
    $(this).hide(200);
});

Answer 5

你错放了

中的那些“”

<div id="div1" class=""hideable-div>Click me and get rid of me.</div>

应该像

<div id="div1" class="hideable-div">Click me and get rid of me.</div>

如何在JQuery中选择一个对象？

5 个答案: