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> ]