【jQuery—一些常见方法（2）DOM操作【insertBefore(),insertAfter(),appendTo(),prependTo(),before(),after(),append(),prepend(),remove(),on(),off(),scrollTop()】】的更多相关文章

jQuery—一些常见方法（2）DOM操作【insertBefore(),insertAfter(),appendTo(),prependTo(),before(),after(),append(),prepend(),remove(),on(),off(),scrollTop()】

一.insertBefore() 如下代码:找到span标签,将span标签剪切到div的前面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script src="../../jq-practice/jq/jquery-2.2.1.min.js">&…

认识JQuery，JQuery的优势、语法、多库冲突、JS原生对象和JQuery对象之间相互转换和DOM操作，常用的方法

(一)认识JQuery  JQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一套定义好的方法    JQuery的主旨:以更少的代码,实现更多的功能 (二)JQuery的优势 1)可以像CSS一样访问和操作DOM 2)修改CSS控制页面外观 3)简化JS代码操作 4)事件代理更加容易 5)动画效果使用方便 6) Ajax技术更加完美 7)大量的基于Jquery的插件 8)可以自定义扩展功能插件 (三)JQuery的语法 格式:$(selector).actio…

jQuery 第四章 实例方法 DOM操作_基于jQuery对象增删改查相关方法

.next() .prev() .nextAll() .prevAll() .prevUntil() .nextUntli() .siblings() .children() .parent() .parents() .offsetParent() .closest() .slice()   .insertAfter() .after() .insertBefore() .before() .appendTo() .append() .prependTo() .prepend() .remove…

jquery的ready方法（DOM是否加载完）详解与使用

jquery的ready方法(准备DOM触发)还是比较复杂的,我们先看流程图:…

JQuery选择器，事件，DOM操作,动画

JQuery是一个JavaScript代码库,或者是JavaScript框架: 1.选择器:(和CSS选择器一致) 基本选择器:ID选择器$('#div1');Class选择器('.div1');标签选择器('img'); 并列选择器('用逗号隔开');后代选择器('用空格隔开'); 2.过滤选择器: first:$('.div1:first').click(function(){}); last:$('.div1:last').click(function(){}); eq(索引号):$('.…

jQuery 【事件】【dom 操作】

事件  hover( function(){},function(){})   --  鼠标移入移出事件   toggle(function(){},function(){},function(){},....)  -- 循环执行,花括号内各方法循环执行  对象.live("事件名",function(){});  -- 对未来创建的元素进行操作 -- btn1 的点击事件中创建 class="div2" 的 div 放到 id="div1" 的…

jQuery 第四章 实例方法 DOM操作之data方法

jquery 里面 的 data 方法比较重要, 所以成一个模块写: 首先, 得知道 data()  干嘛用的, 看淘宝上 有自定义的属性, 为data -  什么什么,   这是为了dom 跟数据有联系,存信息, 存数据.以便以操作, 但是淘宝 把data 等放在行间样式上, 是为了 vue 等 其他框架的使用,在jquery中, jquery为我们提供了一个方法, 就是.data() 以便于我们存信息, 存数据.是用jquery 时,不推荐把 data等信息,写在行间样式了,性能不高,还频繁…

封装的一些常见的JS DOM操作和数据处理的函数.

//用 class 获取元素 function getElementsByClass(className,context) { context = context || document; if(document.getElementsByClassName) { return context.getElementsByClassName(className); } else { var i; var arr = []; var elements = context.getElementsByT…

jQuery—一些常见方法（1）【filter(),not(),has(),next(),prev(),find(),eq(),index(),attr(),】

1.filter()和not()方法 filter()和not()是一对反方法,filter()是过滤. filter()方法是针对元素自身.(跟has()方法有区别) <script type="text/javascript" src="jquery-1.12.3.min.js"></script> <script> /*filter(): 过滤 not():filter的反义词*/ $(function(){ //$('di…

常见的js dom操作

1.查找  document.getElementById('id属性值');  返回拥有指定id的第一个对象的引用  document/element.getElementsByClassName('class属性值');  返回拥有指定class的对象集合 document/element.getElementsByTagName('标签名');  返回拥有指定标签名的对象集合   document.getElementsByName('name属性值');  返回拥有指定名称的对象结合 2…