随笔分类 - JQuery
JQueryJQueryJQuery框架
摘要：传统的表单操作是每个表单元素一个一个获取值进行提交，这样效率比较低 所以我们有了 表单序列化方法： serialize() 他会智能获取表单内的所有元素，会将 里面的内容序列化到字符串中，然后在用AJAX提交。 简单点说：- 方法用于序列化一组表单元素，将表单的内容编码为用于提交的字符串 例： <b
阅读全文
摘要：1 .load() 方法： load() 方法从服务器加载数据，并把返回的数据放入被选元素中。 语法: $(selector).load(URL,data,callback); 必需的 URL 参数规定您希望加载的 URL。 可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。 可选的
阅读全文
摘要：js的入口函数： window.onload = function () { // 执行代码 } JS的入口函数只能出现一次， 出现多次会存在后者将前者事件覆盖的问题 JS的入口函数是在所有的文件资源加载完成后， 才执行。这些文件资源包括：页面文档、外部的JS文件、外部的CSS文件、图片等 jQue
阅读全文
摘要：javascript原生的ajax操作比较麻烦，新版js中提供了更为便捷的操作方式我们后面再介绍，这 里先看下jQuery操作ajax。jQuery提供了一些函数简化了这些操作，接下来我们看下如何使用jQuery发送ajax请求。先准备一个servlet用来处理ajax发送的请求。 先来一个 ser
阅读全文
摘要：jQuery中的遍历 待遍历的html <ul id="city"> <li>北京</li> <li>上海</li> <li>天津</li> <li>广州</li> </ul> 1.for循环 jquery对象本身就是一个数组对象，因此我们可以使用for直接遍历 $(function () { //
阅读全文
摘要：所以我们学到了三个东西： 1.回顾一次CSS： 定位的时候 记住了！ 绝对定位和相对定位 的参照是谁 特别是绝对定位的参照要注意，是生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位 还有就是 pointer-events: none; CSS 的这个属性 他是直接可以忽略事件
阅读全文
摘要：<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>返回顶部</title> <script src="jqsourse.js"></script> <style> * { margin: 0; padding:
阅读全文
摘要：jQuery 事件方法 事件方法触发器或添加一个函数到被选元素的事件处理程序。 下面的表格列出了所有用于处理事件的 jQuery 方法。 方法描述 bind() 向元素添加事件处理程序 blur() 添加/触发失去焦点事件 change() 添加/触发 change 事件 click() 添加/触发
阅读全文
摘要：jQuery 的综合动画 + 可以按照你的设定去进行运动 1. animate() => 语法: animate({}, 时间, 运动曲线, 回调函数) => {}: 书写你要运动的属性 （普通Css属性） => 注意: -> 颜色相关的属性, 运动不了 -> CSS3 的 2d 和 3d 动画效果
阅读全文
摘要：jQuery 的渐隐渐显动画 ( 参考一下13即可 ) 通过操作 元素的 opacity 达到效果 opacity 是Css的透明度属性啊 1. faseIn() //显示到指定透明度 + opacity 0 ~ 1 2. fadeOut() //隐藏到指定透明度 + opacity 1 ~ 0 3
阅读全文
摘要：jQuery 的折叠动画 + jQuery 提供了三种折叠动画 ( 看之前参考一下13 ) 1. slideDown() + 下拉显示 2. slideUp() + 上拉隐藏 3. slideToggle() + 切换显示和隐藏 三个方法都是一样的参数 => 方法名(时间, 运动曲线, 回调函数)
阅读全文
摘要：jQuery 里面有三个基础动画 1. show() + 显示 2. hide() + 隐藏 3. toggle() + 切换, 本身显示就隐藏, 本身隐藏就显示(取反的意思啊) 上面三个方法操作的都是 ： display: none 和 block 而且 上面三个方法的语法都是一样的： => 方法
阅读全文
摘要：jQuery 操作元素位置 操作元素相对于某一个点的位置关系 这里主要讲两个方法： 1.offset 2.position 1. offset() + 是一个读写的方法1. 读取 => 语法: 元素集合.offset() => 返回值: 一个对象, 里面包含一个 x 信息一个 y 信息 (即 只有
阅读全文
摘要：jQuery 获取元素尺寸 获取元素尺寸有三套方法四种使用方式 + 不管在页面是不是占位, 这些方法都是获取元素的尺寸 意思是不管能不能看到 能算 原生的Js中 如果display none 的话 是获取不了的 会报错 而JQ不影响 你可以自己去尝试一下！ 1. width() 和 height()
阅读全文
摘要：jQuery 对元素属性的操作~ 一篇就够. 主要讲解三个JQ的方法： 我们先来看看原生 JS 对元素操作有什么： 几种属性操作 => 原生属性, id class src ... => 自定义属性, getAttribute() ... jQuery 有三种操作属性的方法 => attr() 和
阅读全文
摘要：先来对比对比JS 和 JQ 的节点操作： + 原生 JS 的节点操作 => 创建节点, 插入节点, 删除节点, 替换节点, 克隆节点 + jQuery 的节点操作 => 创建节点, 插入节点, 删除节点, 替换节点, 克隆节点 ！这里用$选择的元素 都有隐式迭代 都会执行插入、替换、删除的啊...
阅读全文
摘要：7已经讲解了on方法的基本用法 对 那是最基本的用法： 现在讲更多： 1. on() ：事件绑定, 根据传递不同的参数做不同的事情。7已经讲过基本用法 这里将更多： 用法1. on(事件类型, 事件处理函数) //基本用法 => 直接绑定事件, 有隐式迭代 用法2. 元素结合.on(事件类型, 选择
阅读全文
摘要：主要讲On方法 还有可以做一个选项卡： on() 方法 语法: 元素集合.on(事件类型, 事件处理函数) 隐式迭代: 元素集合内有多少元素, 就会给多少元素绑定事件 记住事件类型哪里不要加 on 啊 直接写事件名！ 配合 添加class 和 移除class 再加 siblings方法即可： <!d
阅读全文
摘要：这里用jQuery来操作元素的样式 主要介绍一个方法： css() 1-1. 语法: 元素集合.css('样式') 获取元素的第一个样式的值, 不管是行内还是非行内都能获取到 1-2. 语法: 元素集合.css('样式名', '样式值') 设置元素的行内样式 => 隐式迭代: 元素集合内有多少元素设
阅读全文
