ecstore中mootools常用的一些方法
1. 方法:$
作用:按照id取元素,如同document.getElmentById来获取的元素
即: 这里的 $ 相当于 document.getElmentById, 两者功能是相同的.
例子:
//获取元素
var myDiv=$("myDiv");
//将用getElementById获取的元素进行扩展成使用$方法获取的元素
//这样可以具备一些特殊的方法
var mydiv_noextend=document.getElementById("mydiv");
var mydiv_extended = $(mydiv_noextend);
2. 方法:$$
作用:通过CSS选择器语法来获取DOM元素(需要mootools的Dom.js模块的
支持)
例子:
$$('a'); //获取页面上所有超链接<a>标签对象
$$('a','b'); //获取页面上所有超链接<a>标签和粗体<b>标签
$$('#my_div'); //获取id为my_div的元素
$$('#my_div a.myClass'); //获取id为my_div的元素子元素,并且这些
自元素是的所有class="myClass"的<a>标签
----------------------------------------Element扩展方法------------------------------------
3. 方法:inject
作用:可以用来把当前元素插入到指定元素之前(before),之中(inside),之后
(after)。
例子:
<div id="myDiv1">aaa</div>
<div id="myDiv2">bbb</div>
<div id="myDiv3">ccc</div>
$('myDiv3').inject($('myDiv1'),'before'); //把myDiv3插入到myDiv1之前
//结果:
<div id="myDiv3">ccc</div>
<div id="myDiv2">bbb</div>
<div id="myDiv1">aaa</div>
4. 方法:injectBefore
作用:可以用来把当前元素插入到指定元素之前 (即相当于参数为'before'的
inject方法)
例子:
<div id="myDiv1">aaa</div>
<div id="myDiv2">bbb</div>
<div id="myDiv3">ccc</div>
$('myDiv3').injectBefore($('myDiv1'));
5. 方法:injectAfter
作用:可以用来把当前元素插入到指定元素之后 (即相当于参数为'after'的inject
方法)
例子:
<div id="myDiv1">aaa</div>
<div id="myDiv2">bbb</div>
<div id="myDiv3">ccc</div>
$('myDiv3').injectAfter($('myDiv1'));
6. 方法:injectInside
作用:可以用来把当前元素插入到指定元素之中 (即相当于参数为'inside'的
inject方法)
例子:
<div id="myDiv1">aaa</div>
<div id="myDiv2">bbb</div>
<div id="myDiv3">ccc</div>
$('myDiv3').injectInside($('myDiv1'));
7. 方法:adopt
作用:可以在当前元素中插入指定元素 (元素嵌套)
(参数可以是元素id,元素引用,html元素tag名)
例子:
$('myDiv').adopt($('myDiv1'));
$('myDiv').adopt('myDiv1');
$('myDiv').adopt('button');
8. 方法:remove
作用:删除元素
例子:$('myDiv').remove();
9. 方法:clone
参数列表:
contents:是否连带节点的内容进行复制(deep clone),如果不指定,则连带。
作用:复制元素
例子:
$('myDiv').clone();
$('myDiv').clone(false); //只复制myDiv本身,不复制其content和子s
10. 方法:replaceWith
作用:用其他元素替换当前元素
例子:
<div id="myDiv1">abc</div>
var a = new Element('button');
a.value = 'test';
$('myDiv1').replaceWith($(a));
11. 方法:appendText
作用:向元素添加文本节点
例子:
<div id="myDiv1">hello </div>
$('myDiv1').appendText('world');
//结果:
<div id="myDiv1">hello world</div>
12. 方法:hasClass
作用:判断元素的class属性中是否包含指定的样式名
例子:
<div id="myDiv1" class="clazz_1 clazz_2">hello </div>
var x = $('myDiv1').hasClass('clazz_1'); //true
13. 方法:addClass
作用:向指定元素上添加样式class
例子:$('myDiv1').addClass('clazz_1');
14. 方法:removeClass
作用:在指定元素上删除指定的样式class
例子:$('myDiv1').removeClass('clazz_1');
15. 方法:toggleClass
作用:在addClass和removeClass的功能之间切换
例子:
<div id="myElement" class="myClass"></div>
$('myElement').toggleClass('myClass');
//结果为:
<div id="myElement" class=""></div>
//再次:
$('myElement').toggleClass('myClass');
//结果为:
<div id="myElement" class="myClass"></div>
16. 方法:setStyle
作用:向元素设置一个style属性
例子:$('myDiv').setStyle('width','100px');
17. 方法:setStyles
作业:向元素设置多个style属性
例子:
$('myDiv').setStyles({
border: '1px solid #000',
width: '300px',
height: '400px'
});
或者(不推荐在这种方式下设置opacity属性):
$('myDiv').setStyles('border:1px solid #000; width: 300px; ');
18. 方法:setOpacity
作用:设置元素的透明度
例子:$('myDiv').setOpacity(0.5); //透明度设置为50%
19. 方法:QQ:2392521892来解答。
