jqueryjs如何单独给多个相同class的div绑定动作现在错将mouthover绑定在所有class相同的div上了

jqueryjs如何单独给多个相同class的div绑定动作现在错将mouthover绑定在所有class相同的div上了,第1张

比如 你有N个class='aa' 的DIV标签

就这样写

$('aa')hover(function(){

$(this)fadeIn();

})

利用this指针

var box = documentgetElementsByTagName("dd");

for (var i = 0; i < boxlength; i++) {

    if (boxitem(i)className == "t1") {

        // 接收box

        function show(box) {

            var text = boxinnerHTML;

            var newBox = documentcreateElement("dd");

            var btn = documentcreateElement("a");

            newBoxinnerHTML = textsubstring(0, 500);

            btninnerHTML = textlength > 500  "显示全部" : "";

            btnhref = "javascript:void(0);";

            btnonclick = function () {

                if (btninnerHTML == "显示全部") {

                    btninnerHTML = "收起";

                    newBoxinnerHTML = text;

                } else {

                    btninnerHTML = "显示全部";

                    newBoxinnerHTML = textsubstring(0, 500);

                }

            };

            boxinnerHTML = "";

            boxappendChild(newBox);

            boxappendChild(btn);

        }

        // 传box

        show(box[i]);

    }

}

<div id="num_box">

<div class=num></div>

<div class=num></div>

<div class=num></div>

<div class=num></div>

<div class=num></div>

</div>

<script>

function getByClassName(ClassName){

   if(documentgetElementsByClassName){

      return documentgetElementsByClassName(ClassName);

   }else{

      var aEle=documentgetElementsByTagName('');

      var arr=[];

      for(var i=0;i<aElelength;i++){

         if(aEle[i]className==ClassName){

            arrpush(aEle[i])

         }

      }

      return arr;

   }

}

var addNum=setInterval(randNum,500);

var mDivs=getByClassName('num'),mi=0;

function randNum(){

var num=Mathfloor(Mathrandom()(10-1)+1);

for(var i=0;i<mDivslength;i++){

if(i==mi)mDivs[i]innerHTML=num;

else mDivs[i]innerHTML="";

}

mi=(mi+1)%mDivslength;

}

</script>

$(function() {

$('tdtd1')each(function(e,i) {

var d = new Date(Dateparse(eval()replace(/-/g, "/")));

if (new Date() - d <= 2)

ecss('color', 'red');

});

});

var pdiv = documentgetElementById("sss");

var childs = pdivchildren;

var classCount = 0;

for(var i = 0 ; i< childslength; i++){

if(childs[i]className == 'a'){

classCount ++;

}

}

alert(classCount);

putArr=documentgetElementsByClassName() ()("input的class名称");

putArr=documentgetElementById()("input的id");

putArr=documentgetElementsByName("input的名称");

for(var i=0;i<inputArrlength;i++){

alert(inputArr[i]id);

}

扩展资料

Document 对象事件

1、onactivate,当对象设置为活动元素时触发。

2、onbeforeactivate,对象要被设置为当前元素前立即触发。

3、onbeforecut,当选中区从文档中删除之前在源对象触发。

4、onbeforedeactivate,在 activeElement 从当前对象变为父文档其它对象之前立即触发。

5、onbeforeeditfocus,在包含于可编辑元素内的对象进入用户界面激活状态前或可编辑容器变成控件选中区前触发。

6、onbeforepaste,在选中区从系统剪贴板粘贴到文档前在目标对象上触发。

7、onclick,在用户用鼠标左键单击对象时触发。

8、onmouseover,鼠标指针移到对象时触发

9、onmouseout,鼠标指针移出对象时触发 

Document 对象方法

1、attachEvent,将指定函数绑定到事件,以便每当该事件在对象上触发时都调用该函数。

2、clear,目前尚未支持。

3、close,关闭输出流并强制将数据发送到显示。

4、createAttribute,以指定名称创建 attribute 对象。

5、createComment,以指定数据创建 comment 对象。

6、createDocumentFragment,创建一个新文档。

7、createElement,为指定标签创建一个元素的实例。

8、createEventObject,生成当使用 fireEvent 方法时用于传递事件相关信息的 event 对象。

9、createStyleSheet,为文档创建样式表。

10、createTextNode,从指定值中创建文本字符串。

11、detachEvent,从事件中取消指定函数的绑定,这样当事件触发时函数就不会收到通知了

12、write(),动态向页面写入内容

13、createElement(Tag),创建一个html标签对象  

14、getElementById(ID),获得指定ID值的对象  

15、getElementsByName(Name),获得指定Name值的对象

示例

下面的例子使用了 document 对象检查文档标题并在消息框中显示该标题(如果非空)。

if (documenttitle!="") alert("标题为 " + documenttitle)下面的例子演示了在浏览器的状态栏上显示鼠标当前位置的事件句柄函数,所得位置相对于文档的左上角。

<HTML>

<HEAD>

<TITLE>报告鼠标移动</TITLE>

<SCRIPT LANGUAGE="JScript">

function reportMove(){

windowstatus = "X=" + windoweventx + " Y=" + windoweventy;

}

</SCRIPT>

<BODY onmousemove="reportMove()">

<H1>欢迎!</H1>

</BODY>

</HTML>

参考资料:

百度百科:document对象

以上就是关于jquery/js如何单独给多个相同class的div绑定动作现在错将mouthover绑定在所有class相同的div上了全部的内容,包括:jquery/js如何单独给多个相同class的div绑定动作现在错将mouthover绑定在所有class相同的div上了、js获取不到相同的class、js问题 这几个div的class值是相同的,想让他们每隔0.5秒,依次生成并显示一个0-10之间的随机整数等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9783164.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存