JQuery第二天——JQuery的DOM操作

【JQuery第二天——JQuery的DOM操作】的更多相关文章

JQuery第二天——JQuery的DOM操作

JQuery拥有隐式迭代和显式迭代因为JQuery为类数组对象,可以使用手动遍历实现显式 .each():也可以使用 $("p").click(function(){ var text = $(this).text(); alert(text); }) 实现隐式迭代注:JQuery中很多方法都是无参为获取,单参为设置值(也就是无参为getter(),带参为setter()) JQuery中的DOM操作 DOM Core: DOM Core 并不专属于 JavaScript, 任何一…

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

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

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

jQuery 【事件】【dom 操作】

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

JQuery --- 第二期 (jQuery属性操作)

个人学习笔记 1.JQuery的内容选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JQuery的内容选择器</title> <script src="jquery-1.12.4.js"></script> <script> $(functi…

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中的DOM操作——《锋利的JQuery》

jQuery封装了大量DOM操作的API,极大提高了操作DOM节点的效率. 1.查找节点通过我们上一节介绍了JQuery选择器,可以非常轻松地查找节点元素.不过,这时得到的是jQuery对象,只能使用jQuery的API. 1.1 查找属性节点:attr()方法,可以接受一个参数,也可以接受两个.当参数是一个时,则是要查询的属性的名字,这里接受的是标签固有属性,非样式属性! 2.创建节点利用jQuery的工厂函数$(),我们可以随意创建任何元素节点.文本节点.属性节点,然后赋值给一个(以…

jQuery（三）：样式操作

一.DOM操作分类 DOM Core:任何一种支持DOM的编程语言都可以使用它,例如:getElementById(). HTML-DOM:用于处理HTML文档,例如:document.forms. CSS-DOM:用于操作CSS,例如:element.style.color="green". 二.jQuery中的DOM操作 jQuery对JavaScript中的DOM操作进行了封装,使用起来更加简便. jQuery中的DOM操作可分为如下几种: 样式操作. 内容及value属性值操作…

第二章 jquery的dom操作

三个方面 dom核心,html-dom和css-dom 一. 1.dom core核心 document.getElementsByTagName("form") 获取表单对象 element.getAttribute("src") 2.html_dom document.forms emement.src 但是只能用来处理web文档 3.css_dom 针对css的操作. element.style.color="red" 二.jque…