首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jQuery

    jQuery 概述 js库:即library,封装好的函数。里面有很多预先封装好的方法。 jQuery就是为了更方便快速操作DOM,里面封装了很多方法,后续用jQuery对象调用这些方法即可。...//DOM加载完成的入口 }) jQuery的顶级对象:$ `是jQuery 别称,在代码中`和jQuery和等价,为了方便都是$。...`是jQuery的顶级对象,相当于原生js中的window,元素通过`包装成jQuery对象,调用jQuery属性和方法。...所以,jQuery 只是对js常用属性和方法进行了封装。 DOM使用原生js方法和属性,jQuery 使用jQuery 属性和方法。...: //直接获取元素即可 $('div'); ---- jQuery常用API jQuery选择器 jQuery 基础选择器 原生 JS 获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery

    23.8K50

    jQuery 事件对象、 jQuery 拷贝对象、jQuery 多库共存

    1. jQuery 事件对象 ​ jQuery 对DOM中的事件对象 event 进行了封装,兼容性更好,获取更方便,使用变化不大。事件被触发,就会有事件对象的产生。...jQuery 拷贝对象 ​ jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API,方便易用,内容如下。...jQuery 多库共存 ​ 实际开发中,很多项目连续开发十多年,jQuery版本不断更新,最初的 jQuery 版本无法满足需求,这时就需要保证在旧有版本正常运行的情况下,新的功能使用新的jQuery版本实现...,这种情况被称为,jQuery 多库共存。...语法 jQuery 解决方案: 1. 把里面的 符号 统一改为 jQuery。 比如 jQuery(''div'') 2.

    3K10

    jQuery

    对象: 通过 jQuery 提供的 API 创建的对象,是 jQuery 对象 通过 jquery 包装的 Dom 对象,也是 jQuery 对象 通过 jquery 提供的 API 查询到的对象,是...jQuery 对象 2.jQuery 对象的本质 JQuery 对象时 dom 对象的数组 + JQuery 提供的一系列功能函数。...3.jQuery 对象和 Dom 对象使用的区别 JQuery 对象不能使用 DOM 对象的属性和方法 DOM 对象也不能使用 JQuery 对象的属性和方法 4.DOM 对象 和 jQuery 对象互转...dom 对象转为 JQuery 对象 先有 Dom 对象 $(DOM 对象) 就可以转换为 jQuery 对象 jQuery 对象转为 dom 对象 先有 jQuery 对象 jQuery 对象(下标...)取出相对应的 DOM 对象 20200719165719.png 三、jQuery 的 2 把利器 1.jQuery 函数; $/jQuery jQuery 向外暴露的就是 jQuery 函数,可以直接使用

    12.4K20

    jQuery

    1.jquery介绍 jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库。...,做得多) 1、http://jquery.com/ 官方网站 2、https://code.jquery.com/ 版本下载 2.jquery加载 将获取元素的语句写到页面头部,会因为元素还没有加载而出错...选择器 jquery用法思想一  选择某个网页元素,然后对它进行某种操作 jquery选择器  jquery选择器可以快速地选择元素,选择规则和css样式相同,使用length属性判断是否选择成功。...插件使用  jquery中没有鼠标滚轮事件,原生js中的鼠标滚轮事件不兼容,可以使用jquery的滚轮事件插件jquery.mousewheel.js。...因此,它是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言,学好HTML是成为Web开发人员的基本条件。 学好CSS是网页外观的重要一点,CSS可以帮助把网页外观做得更加美观。

    5.4K20

    jQuery

    目录 jQuery 官网下载与安装 jQuery简介 jQuery 内容 jQuery语法 jQuery对象 对比DOM对象和jQuery对象 对象之间的转换 选择器 基本选择器 组合选择器 属性选择器...) jQuery API 中文文档 | jQuery API 中文在线手册 ) Ajax - jQuery API 中文文档 | jQuery 中文网 (jquery123.com) # 本地版 '''...//cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js"> # CDN jQuery简介 jQuery是一个轻量级的、兼容多浏览器的...获取到的元素是DOM对象,那么在jQuery中获取到的元素属于jQuery对象,两者之间方法有差别,虽然 jQuery对象是包装 DOM对象后产生的,但是 jQuery对象无法使用 DOM对象的任何方法...odd 匹配所有索引值为奇数的元素,从 0 开始计数 :gt(index) 匹配所有大于给定索引值的元素 :lt(index) 匹配所有小于给定索引值的元素 :not(元素选择器) 移除所有满足not条件的标签

    8.8K10

    jQuery

    jQuery jQuery介绍     1.jQuery是一个轻量级的、兼容多浏览器的JavaScript库。     ...jQuery对象(先看一下jQuery语法和选择器我们再回来看这个对象) jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是 jQuery独有的。...匹配所有索引值为奇数的元素,从 0 开始计数 :gt(index)// 匹配所有大于给定索引值的元素 :lt(index)// 匹配所有小于给定索引值的元素 :not(元素选择器)// 移除所有满足not条件的标签...div").filter(".c1") // 从结果集中过滤出有c1样式类的,从所有的div标签中过滤出有class='c1'属性的div,和find不同,find是找div标签的子子孙孙中找到一个符合条件的标签...--这个选择器生效的条件是这两个class属性的值都有才生效,如果我们移除了class='hover',这个.hover就没有了,那么这个选择器就不生效了,那这个样式也就不生效了--> display

    10.7K20

    jQuery

    jQuery基础 1、    jQuery其实就是一个类库,集成了DOM/BOM/JavaScript的类库 http://jquery.cuishifeng.cn/这个网站里有所有的jQuery的方法...2、    查找元素 jQuery里有:选择器、筛选器 关于jQuery的版本 关于jQuery的版本:(现在一共有三大版本) 1系列版本 2系列版本 3系列版本 三者的区别是:1系列兼容ie的各个版本...、2系列以及3系列只能支持ie8以上的浏览器 所以选择1系列,现在最新的是1.12版本 jQuery的导入方式 jQuery的导入方式: jquery-1.12.4.js">jQuery和Dom获取标签的区别即转换 ?...还是利用上面的例子,我们可以理解为jQuery或的是一个jQuery对象,而dom获取的直接是内容,两者之间可以相互转换 转换方法: jQuery转换为Dom:jQuery对象[0]就可以转换为Dom内容

    5.5K50

    jQuery

    jQuery jQuery介绍 jQuery 是一个轻量级的、兼容多浏览器的JavaScript 库; jQuery 使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行...丰富的DOM选择器,jQuery的选择器用起来很方便,比如要找到某个DOM对象的相邻元素,JS可能要写好几行代码,而jQuery一行代码就搞定了,再比如要将一个表格的隔行变色,jQuery也是一行代码搞定...jQuery对象   jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的。...匹配所有索引值为奇数的元素,从 0 开始计数 :gt(index)// 匹配所有大于给定索引值的元素 :lt(index)// 匹配所有小于给定索引值的元素 :not(元素选择器)// 移除所有满足not条件的标签...jQuery 的原型,以提供新的 jQuery 实例方法。

    5.6K50
    领券