I suddenly found that while using Mozilla / jQuery v1.8.2 I do not need to use the id with quotes and # sign. For example, $(bt2) works the same as $(“#bt2”), see the code below.
Will this selector always work and are there any potential drawbacks from using this shorter form of selection?
<html>
<head>
<title>append</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready (function(){
$(bt2).click(function(){
$(i1).append("<li>a4</li>", "<li>a5</li>");
});
});
</script>
</head>
<body>
<button id="Button1">Append List</button>
<ul id="i1">
<li>a1</li>
</ul>
</body>
</html>
Some browser support direct access to html elements without id you even do not need jquery selector or document.getElementById to access them.
In the jquery selector the id you are passing is not taken as Id but as object (html element)because Button1.id gives you id if it is id then it should not give you id. Here I am not using any selector not even getElementById Live Demo.Html
Javascript
In the code given below for binding event on button with Id Button1, Button1 is not taken as id but object and jquery is converting javascript accessible dom object to jquery object and binding click event