jQuery
关注
分享
扫一扫
码小余の博客
越努力，越幸运!
个人博客：https://extheor.github.io/ 技术/自考
方向：Web前端
展开
-
jQuery版三级联动案例
jQuery版三级联动案例 首先写一个JSON数据 [ { "province": "吉林省", "cities": [ { "city": "长春市", "counties": ["朝阳区", "经济开发区", "高新区"] }, { "city": "吉林市", "counties": ["东城区", "经济开发区", "老城区"] }, {原创 2020-09-03 19:17:31 · 3627 阅读 · 0 评论 -
jQuery中的Ajax
jQuery中的Ajax jQuery不仅对JavaScript语言进行了封装，也对Ajax异步交互进行了封装。jQuery提供了六个Ajax操作的方法: load()方法 get()方法和get()方法和get()方法和.post()方法 $ajax()方法 getScript(方法和getScript(方法和getScript(方法和getJSON()方法 jQuery除了封装了六个Ajax操作的方法，还提供了以下几种事件: ajaxStart()和ajaxStop()事件 ajaxComp原创 2020-09-03 18:30:38 · 3598 阅读 · 0 评论 -
jQuery原理第五天
addClass <!-- * @Author: 码小余 * @Date: 2020-06-27 08:23:36 * @LastEditTime: 2020-06-27 08:26:43 * @FilePath: \代码\jQuery原理\20-jQuery属性操作相关方法.html --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" />原创 2020-06-28 09:53:55 · 2431 阅读 · 0 评论 -
jQuery原理第四天
insertAfter 实现insertAfter需要用到原生JavaScript的nextSibling属性 元素.insertAfter.指定元素 ==>将元素添加到指定元素外部的后面 insertAfter实现原理 insertAfter: function (sele) { // 1.统一的将传入的数据转换为jQuery对象 var $target = $(sele); var $this = this; var res = []; // 2.遍历取出所原创 2020-06-26 12:37:11 · 2469 阅读 · 0 评论 -
jQuery原理第三天
jQuery DOM操作 empty/remove <!-- * @Author: 码小余 * @Date: 2020-06-24 16:07:12 * @LastEditTime: 2020-06-24 17:06:02 * @FilePath: \代码\jQuery原理\07-jQueryDOM操作相关方法.html --> <!DOCTYPE html> <html lang="en"> <head> <meta charset原创 2020-06-25 10:29:45 · 2393 阅读 · 0 评论 -
jQuery原理第二天
jQuery原理 今天手动实现了以下方法 jQ原型上的核心方法和属性： 1、jquery 获取jQ版本号 2、selector 实例默认的选择器取值 3、length 实例默认的长度 3、push 给实例添加新元素 4、sort 对实例中的元素进行排序 5、splice 按照指定下标指定数量删除元素，也可以替换删除的元素 6、toArray 把实例转换为数组返回 7、get 获取指定下标的元素，获取的是原生DOM 6、原创 2020-06-24 13:43:42 · 2474 阅读 · 0 评论 -
jQuery原理第一天
jQuery原理 jQuery的基本结构 jQuery的本质是一个闭包 jQuery为什么要使用闭包来实现？ 为了避免多个框架的冲突 jQuery如何让外界访问内部定义的局部变量 window.xxx = xxx jQuery为什么要给在自己传递一个window参数？ 为了方便后期压缩代码 为了提升查找的效率 jQuery为什么要给自己接收一个undefined参数? 为了方便后期压缩代码 IE9以下原创 2020-06-23 13:40:26 · 2434 阅读 · 1 评论 -
【jQuery笔记】狂拍灰太狼案例笔记
狂拍灰太狼 使用 jQuery 语法实现的新浪微博页面 我要实现的功能： 点击开始游戏按钮，开始游戏 游戏有时间进度条 游戏结束以后可以点击重新开始按钮，重新开始游戏 有游戏规则 点击灰太狼加 10 分，点击小灰灰减 10 分，并且只能点击一次，以防用户一直点 点击之前显示没有被平底锅打击的图片，点击之后显示被平底锅打击的图片 游戏结束，动画结束 首先，布局HTML页面 <!-- * @Author: 码小余 * @Date: 2020-06-18 14:32:44 * @LastE原创 2020-06-18 19:39:04 · 2918 阅读 · 0 评论 -
【jQuery笔记】新浪微博案例笔记
新浪微博 使用 jQuery 语法实现的新浪微博页面 我要实现的功能： 点击div可以输入文本 输入文本后可以发布，没有输入文本不可发布，发布之后清空输入框 实现赞、踩，删除说说的功能 首先，布局HTML页面 <!-- * @Author: 码小余 * @Date: 2020-06-18 09:32:49 * @LastEditTime: 2020-06-18 13:08:11 * @FilePath: \代码\55-新浪微博\index.html --> <!DOCT原创 2020-06-18 19:38:31 · 2042 阅读 · 0 评论 -
jQuery初识 - jQuery关于节点的相关方法
jQuery添加节点的相关方法 内部插入 append(content|fn) appendTo(content) 会将元素添加到指定元素内部的最后 prepend(content|fn) prependTo(content) 会将元素添加到指定元素内部的最前面 外部插入 after(content|fn) insertAfter(content) 会将元素添加到指定元素原创 2020-06-18 19:19:44 · 1495 阅读 · 0 评论 -
jQuery初识 - jQuery案例练习
jQuery事件委托 什么是事件委托 请别人帮忙做事情，然后将做完的结果反馈给我们 在jQuery中，如果通过核心函数找到的元素不止一个，那么在添加事件的时候，jQuery会遍历所有找到的元素，给所有找到的元素添加事件。 jQuery移入移出事件 mouseover/mouseout事件，子元素被移入移出也会触发父元素的事件 mouseenter/mouserleave事件，子元素被移入移出不会触发父元素的事件（推荐使用） 电影排行榜案例 <!-- * @Author: 码小余原创 2020-06-17 20:39:27 · 1821 阅读 · 0 评论 -
jQuery初识 - jQuery中的方法
jQuery的attr方法 attr(name|pro|key,val|fn) 作用：获取或者设置属性节点的值 可以传递一个参数，也可以传递两个参数 如果传递一个参数，代表获取属性节点的值 如果传递两个参数，代表设置属性节点的值 注意点： 如果是获取：无论找到多少个元素，都只会返回第一个元素指定的属性节点的值 如果是设置：找到多少个元素就会设置多少个元素 如果是设置：如果设置的属性节点不存在，原创 2020-06-17 08:48:43 · 4160 阅读 · 1 评论 -
jQuery初识 - jQuery是什么
jQuery jQuery是什么 jQuery是一 款优秀的JavaScript库 ,从命名可以看出jQuery最主要的用途是用来做 查询(jQuery=js+Query) ，正如jQuery官方Logo副标题所说 (write less, do more)使用jQuery能让我们对HTML文档遍历和操作、事件处理、动画以及Ajax 变得更加简单 使用原生 js 查找DOM元素 window.onload = function (event) { var div1 = document.ge原创 2020-06-17 08:48:04 · 12633 阅读 · 1 评论