随笔分类 -  jQuery

Ajax基础
摘要：1. 什么是Ajax？ Ajax是“Asynchronous Javascript And XML(异步Javascript和XML)”的缩写， 是指一种创建交互式网页应用的网站开发技术。 Ajax不是一种新的编程语言， 而是一种用于创建更好、更快以及交互性更强的web应用程序的技术。 它是一套综合 阅读全文
posted @ 2018-08-26 21:20 _杨魏 阅读(262) 评论(0) 推荐(0)
jQuery文档操作之删除操作
摘要：remove() 语法： $(selector).remove(); 解释：删除节点后，事件也会删除(简言之，删除了整个标签) detach() 语法： $(selector).detach(); 解释：删除节点后，事件会保留 empty() 语法： $(selector).empty(); 解释： 阅读全文
posted @ 2018-08-26 13:33 _杨魏 阅读(915) 评论(0) 推荐(0)
jQuery文档操作之修改操作
摘要：replaceWith() 语法： $(selector).replaceWith(content); 将所有匹配的元素替换成指定的string、js对象、jQuery对象。 replaceAll 语法： $(selcetor).replaceAll("h2"); 解释： 替换所有。将所有的h2标签 阅读全文
posted @ 2018-08-26 13:16 _杨魏 阅读(928) 评论(0) 推荐(0)
jQuery文档操作之克隆操作
摘要：语法： $(selector).clone(); 解释：克隆匹配的DOM元素 阅读全文
posted @ 2018-08-26 13:02 _杨魏 阅读(287) 评论(0) 推荐(0)
jQuery文档操作之插入操作
摘要：append() 语法 父元素.append(子元素) 解释：追加某元素，在父元素中添加新的子元素。子元素可以为：string/element(js对象)/jQuery元素 代码如下： PS：如果追加的是jQuery对象，那么这些元素将从原位置上消失。简单来说，就是一个移动操作。 appendTo( 阅读全文
posted @ 2018-08-25 21:57 _杨魏 阅读(722) 评论(0) 推荐(0)
jQuery的使用
摘要：使用jQuery的基本步骤 （1）引包 （2）入口函数 （3）功能实现代码（事件处理） 注意：导包的代码一定要放在js代码的上面 jQuery的版本 jQuery有两个大版本： 1.x版本： 最新版为v1.11.3 2.x版本： 最新版为v2.1.4(不再支持IE6、7、8) 3.x版本 下载jQu 阅读全文
posted @ 2018-08-25 18:35 _杨魏 阅读(209) 评论(0) 推荐(0)
jQuery的介绍
摘要：什么是jQuery jQuery是js的一个库，封装了我们开发过程中常用的一些功能，方便我们调用，提高开发效率。 js库是把我们常用的功能放到一个单独的文件中，我们在用的时候，直接引用到页面里即可。 关于jQuery的相关资料： 官网：http://jquery.com/ 官方API文档：http: 阅读全文
posted @ 2018-08-25 17:20 _杨魏 阅读(862) 评论(0) 推荐(0)
使用jQuery操作input的value值
摘要：表单控件是jQuery的重中之重，因为一旦牵扯到数据交互，就离不开form表单的使用，比如用户的登录注册功能等。 在进行操作input的value值的时候，主要使用jQuery的val()方法。 点击查看val()的使用方法 看如下代码： 阅读全文
posted @ 2018-08-25 16:17 _杨魏 阅读(21122) 评论(0) 推荐(1)
jQuery动画之自定义动画
摘要：语法 $(selector).animate({params}, speed, callback); 参数： params: 必选，要执行动画的CSS属性。 speed: 可选，执行动画时长。 callback: 可选，动画执行完成后，立即执行的回调函数。 作用： 执行一组CSS属性的自定义动画 示 阅读全文
posted @ 2018-08-25 15:19 _杨魏 阅读(1019) 评论(0) 推荐(0)
jQuery属性操作之值操作
摘要：值操作是对DOM属性value进行读取和设置操作。 比如html()、 text()、 val(). 1. html 1. 1 html()获取值 返回值：String 描述：获取集合中第一个匹配元素的HTML内容 格式： $(selector).html() 这个方法不接受任何元素 作用：在一个H 阅读全文
posted @ 2018-08-20 22:25 _杨魏 阅读(2898) 评论(1) 推荐(2)
jQuery属性操作之类样式操作
摘要：类样式的操作：指对DOM属性className进行添加、移除操作。比如addClass()、removeClass()、toggleClass()。 1. addClass() 1.1 概述 $(selector).addClass(className) className 类型： String 为 阅读全文
posted @ 2018-08-20 20:08 _杨魏 阅读(533) 评论(0) 推荐(0)
JQuery属性操作之attr()和prop()的区别
摘要：代码示例： 什么时候使用attr()， 什么时候使用prop()? (1). 当只有true或者false时， 使用prop(); (2). 其他则使用attr() 阅读全文
posted @ 2018-08-20 18:47 _杨魏 阅读(267) 评论(0) 推荐(0)
JQuery动画之滑入滑出动画
摘要：1. 滑入动画（类似于商店的卷帘门） 解释： 此语句实现的功能为， 在XX时间内， 下拉动画， 显现元素。 当 slideDown() 中省略参数， 或者传入不合法的值是， 那么系统会使用默认值：400ms。 回调函数可以省略不写。 示例代码如下： 2. 滑出动画效果 解释： 此语句实现的功能为， 阅读全文
posted @ 2018-08-18 21:18 _杨魏 阅读(5453) 评论(0) 推荐(1)
jQuery动画之显示隐藏动画
摘要：1. 显示动画 以下面一个代码示例： 显示动画的方式有三种方式 方式一： 解释：使用show()， 不带有参数， 表示让指定的元素直接显示出来。 其实这个方法的底层就是通过display：block;实现。 方式二： 解释： 使用show(数值)， 表示在一定时间之内， 逐渐显示出来。 这种方法是通 阅读全文
posted @ 2018-08-18 15:52 _杨魏 阅读(4480) 评论(0) 推荐(0)
jQuery的选择器
摘要：1. jQuery的基本选择器 代码示例如下所示： 显示结果如下图： 2. 层级选择器 代码如下： 显示的效果， 如下图所示： 3. 基本过滤选择器 代码如下： 显示结果为： 4. 属性选择器 示例代码如下： 显示的结果如下图所示： 5. 筛选选择器 示例代码如下所示： 显示结果如下图所示： 阅读全文
posted @ 2018-08-17 21:45 _杨魏 阅读(306) 评论(0) 推荐(0)
js中的DOM对象和jQuery对象的比较
摘要：1. 二者的不同之处： 通过jQuery获取的元素是一个数组， 数组中包含着原生JS中的DOM对象。 例如， 针对下面的一个div结构： 通过原生JS获取这些元素节点的方式是： 通过jQuery获取这些元素节点的方式： 结果显示为： 由于jQuery自带了css()方法，我们还可以直接在代码中给di 阅读全文
posted @ 2018-08-17 17:09 _杨魏 阅读(1334) 评论(0) 推荐(0)
jQuery的$符号
摘要：jQuery使用$的原因是： 书写简洁， 相对于其他字符与众不同， 容易被记住。 JQuery占用了两个变量： $ 和 jQuery。 当在代码中打印 $ 和 jQuery时： 显示的结果如下： 从结果中可以得出结论： $代表的就是jQuery。 那么应该如何理解jQuery里面的 $ 符号呢？ $ 阅读全文
posted @ 2018-08-17 16:21 _杨魏 阅读(3625) 评论(0) 推荐(2)
jQuery的入口函数
摘要：原生的JS的入口函数指的是：window.onload = function(){}: 如下所示： 而jQuery的入口函数， 有以下几种写法： 写法一： 写法二：(写法一的简洁版) 写法三： jQuery入口函数和js入口函数的区别： 区别一： 书写个数不同： （1）JS的入口函数只能出现一次， 阅读全文
posted @ 2018-08-17 15:59 _杨魏 阅读(7459) 评论(0) 推荐(0)