JS选择器常用的有getElementById()、getElementsByName()、getElementsByTagName()、getElementsByClassName()、querySelector()、querySelectorAll()
基本选择器有ID选择器、类选择器、标签选择器、通用选择器，事件的添加方法如下：
$(...).事件名(function() { })
属性样式有：
$(...).css("border","1px solid red")
$(...).css({...})
$(...).css("border")
$(...).attr(属性名,值)
$(...).html() innerHTML
$(...).text() innerText
$(...).val() value值
$(...).addClass() 增加
$(...).removeClass() 移除
$(...).toggleClass() 开关
简单理解为一些不起眼但是超常用的方法，通过指定的规则作为参数来获取对象的方法；如
ID选择器:通过元素的id来获取对象的 js写法：document.getElementById
标签选择器：通过元素的标签名获取对象：js写法：document.getElementsByTagName
属性选择器: 通过元素的属性获取对象：js写法：document.getElementsByName（通过name属性）
三种具体用法：
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!")
})
扩展资料
js中this的用法
说到this，就不得不提到function，正是由于调用function的对象不同，才导致了this的指向不同。所以以前老是去记忆每种调用function的情况所对应的this，因为情况有限而且很少，所以这当然是可行的——对于聪明人来说。那么首先我们需要明确的一个事情是：function也是对象。
同时我们还需要明确的一个事情是：function执行时是在某个特定的上下文中执行的。比如你要console.log(a)，没有a就无法支持函数的执行，所以某种意义上讲，a就是上下文的一部分。函数执行时它也需要一些额外的信息来支撑它的运行。
既然function是对象的话，就会有方法。而function中最核心的方法是call方法，这也是理解this最关键的方法。
