:EcStore批量生成评论和购买记录插件,自动采集淘宝天猫评论APP,兼容所有ecs版本!!   智加设计技术支持技术支持:
   
当前位置: ECSTORE学习 > ecstore中mootools常用的一些方法
推荐() 收藏()

ecstore中mootools常用的一些方法

【 作者:admin     来源: 智加设计    点击数: 2783     更新时间: 2015-05-18
  摘要:  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元素(需要mootoolsDom.js模块的

  支持)

例子:

  $$('a');   //获取页面上所有超链接<a>标签对象

  $$('a','b');  //获取页面上所有超链接<a>标签和粗体<b>标签

  $$('#my_div'); //获取idmy_div的元素

  $$('#my_div a.myClass');  //获取idmy_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

作用:在addClassremoveClass的功能之间切换

例子:

<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来解答。

评论加载中............
运行信息( 0.0335 秒):关闭X