js中的$()的用法

通俗易懂

$("#id")=document.getElementById("id")；

标签选择器$('p')，$('tr')
类选择器$('.myClass')
id选择器$('#myId')

绑定id前要加一个"#"，如果不加的话绑定的是标签，而不是一个id，
比如:
	$("li").click(function(){
		alert($(this).html();
	);
这个就是绑定li标签，点击所有的li标签都会触发这个点击事件。

如果你要用$(“#id”)，你得引入JavaScript框架，你加上这个标签就可以了
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

1、$()可以是$(expresion)，即css选择器、Xpath或html元素，也就是通过上述表达式来匹配目标元素。 

比如：$("a")构造的这个对象，是用CSS选择器构建了一个jQuery对象——它选择了所有的<a/>这个标签。

如： $("a").click(function(){...}) 

就是在点击页面上的任何一个链接时的触发事件。确切地说，就是jQuery用<a/>这个标签构建了一个对象$("a")，
函数 click()是这个jQuery对象的一个事件。 

2、$()可以是$(element)，即一个特定的DOM元素。如常用的DOM对象有document、location、form等。如这样一行代码： $(document).find("div>p").html()); 

$()中的document是一个DOM元素，即在全文寻找带<p>的<div>元素，并显示<p>中的内容。 

3、$()可以是$(function)，即一个函数，它是$(document).ready()的一个速记方式。如常见的形式是这样的：

	$(document).ready(function(){ 
	
	 	alert("Hello world!"); 
	
	});

:eq(index)
匹配一个给定索引值的元素
index    从 0 开始计数

示例：
<table>
  <tr><td>Header 1</td></tr>
  <tr><td>Value 1</td></tr>
  <tr><td>Value 2</td></tr>
</table>

查找第二行

jQuery 代码:
$("tr:eq(1)")
结果:
[ <tr><td>Value 1</td></tr> ]


:gt(index)
匹配所有大于给定索引值的元素

查找第二第三行，即索引值是1和2，也就是比0大

jQuery 代码:
$("tr:gt(0)")
结果：
[ <tr><td>Value 1</td></tr>, <tr><td>Value 2</td></tr> ]