jQuery 事件dom 操作

Posted 酒不醉心

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery 事件dom 操作相关的知识,希望对你有一定的参考价值。

 

事件

 

 hover( function(){},function(){}) 

                                       --  鼠标移入移出事件 

 

 toggle(function(){},function(){},function(){},....) 

                                               -- 循环执行,花括号内各方法循环执行

 

 

 对象.live("事件名",function(){}); 

                                          -- 对未来创建的元素进行操作

 

-- btn1 的点击事件中创建 class="div2" 的 div 放到 id="div1" 的div 中

               --在 div2 赋点击事件的时候,用未来元素创建

 

 

DOM操作

 

属性

 

         -- 操作 btn1 的 disabled 属性;

 

 

样式

 

例1

--对外部样式表的操作,当 btn1 没有class=" b2"的样式时,添加 

-- 判断:获取 属性 class,判断是否有 b2

例2

例1、例2 效果一样,例2用一个方法进行交替

 

内容

 

 

 

元素

 

例、添加(内部)

      -- 向 div1 里面添加   <div class="div2">   /div>

 

例、清空

 

例、移除

       

        -- 移除、清空 不需要任何参数

 

例、复制

           -- 复制,每点一下,复制添加 div2 里面第二个元素

 

以上是关于jQuery 事件dom 操作的主要内容,如果未能解决你的问题,请参考以下文章

使用jQuery对象:DOM属性CSS尺寸遍历DOM操作事件特效

Jquery操作事件

JQuery基本知识选择器事件DOM操作动画

jQuery 事件dom 操作

使用 JQuery ajax 在 DOM 操作后附加事件

2017-6-3 JQuery中的Dom操作和事件