mootools 学习笔记 (1) - 元素选择

id选择器:

$('id'); //如果是用$操作符则不用加#
document.id('demo'); //选择id为demo的元素
$$('#id'); //如果是用$$操作符则同jQury一样

标签选择器:
$$('p'); //选择页面中的所有P标签
$$('*'); //选中页面中的所有元素

class选择器:
$$('.demo'); //选择所有class为demo的元素

属性选择器:
$$('input[type=text]'); //选中所有type属性为text的input元素
$$('input[type!=text]'); //选中所有type属性不为text的input元素

交集选择器:
$$('a.demo'); //选中class为demo的a标签
$$('.demo1.demo2'); //选中class为demo1和demo2元素
$$('a.demo1.demo2'); //选中class为demo1和demo2的a标签

后代选择器(子代选择器):
$$('#demo a'); //选中id为demo元素下面的a标签
$$('#demo .text'); //选中id为demo元素下面class为text的元素

你可能感兴趣的:(mootools 学习笔记 (1) - 元素选择)