js选择器汇总

JavaScript014

js选择器汇总,第1张

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属性)

建议你找比较新的 比较标准的资料来学习 table元素是没有跟表单那种name属性的 如果你要取到最好加个id 用document.getElementsById来取才好 或者你把这个放到name为qform的一个form元素里面 这样才能用name取元素 而不是给table加name

<form name="qform">

<table>

<tr>

<td><label><input name="qradio" type="checkbox" value="我的智商一般" />我的智商一般</label></td>

<td><p>1234</p></td>

</tr>

<tr>

<td><label><input name="qradio" type="checkbox" value="学习不够努力" />学习不够努力</label></td>

<td>2345</td>

</tr>

</table>

</form> document.forms.qform.qradio[i].checked