目录 一、jQuery基本概念 1、jQuery的特点 2、获取jQuery 3、使用jQuery （1）引入jQuery （2）jQuery书写 （3）jQuery中的加载事件...通过这段时间的学习，我感觉jQuery是一个“语法糖”，就像是包在糖果外面的包装，让js看起来更好看。...一、jQuery基本概念 1、jQuery的特点 jQuery是一个轻量级的脚本，其代码非常小巧。 语法简洁易懂，学习速度快，文档丰富。 支持CSS1~CSS3定义的属性和选择器。...2、获取jQuery jQuery的官方网站：jquery.com（可能无法访问） jQuery的中文网站是：jQuery API 中文文档 | jQuery 中文网 jQuery下载网址，这里可以下载...odd $("li:odd") 获取li元素，选择索引为奇数的元素 :even $("li:even") 获取li元素，选择索引为偶数的元素 常用的筛选方法如下： ---- 总结 以上就是今天的学习内容啦
jQuery大部分功能需要根据文档的DOM模型来工作，首先需要正确地解析到整个文档的DOM模型结构。使用jQuery需要在整个文档被浏览器完全加载后才开始进行。...; }) }); $是在jQuery中使用的变量名，可以使用 jQuery.noConflict()避免冲突，它的返回值就是jQuery对象。...jQuery.noConflict(); $j = jQuery.noConflict(); jQuery对象与DOM对象之间的转换 使用 $()得到的是一个jQuery对象。...从 DOM 对象转到 jQuery 对象： $(obj) 从 jQuery 对象转到 DOM 对象： obj[0] 比较正规地从 jQuery 对象到 DOM 的转换，是使用 jQuery 对象的 get...jQuery还提供了一个 jQuery.when()的回调管理函数，可以用于方便地管理多个事件并发的情况。
jQuery大部分功能需要根据文档的DOM模型来工作，首先需要正确地解析到整个文档的DOM模型结构。使用jQuery需要在整个文档被浏览器完全加载后才开始进行。...; }) }); $是在jQuery中使用的变量名，可以使用 jQuery.noConflict()避免冲突，它的返回值就是jQuery对象。...jQuery.noConflict(); $j = jQuery.noConflict(); jQuery对象与DOM对象之间的转换 使用 $()得到的是一个jQuery对象。...只有当 obj是一个DOM对象时才能使用 obj.innerHTML；相应地，如果是jQuery对象应该使用 obj.html() 。...从 DOM 对象转到 jQuery 对象： $(obj) 从 jQuery 对象转到 DOM 对象： obj[0] 比较正规地从 jQuery 对象到 DOM 的转换，是使用 jQuery 对象的 get
jQuery初学者笔记 一 Mirror王宇阳 by jQuery语法 jQuery语法是通过选取HTML元素，并对选取的元素进行操作 基础语法： 所有jQuery语句用“$”符号开始 点击消失 点击消失 <script src="jq/<em>jquery</em>...函数位于一个document ready函数中，我们需要在js中加载该函数文档 // <em>jQuery</em>入口函数 $(document).ready(function(){ //<em>jQuery</em>代码 }...); /*******************************/ $(function(){ //<em>jQuery</em>代码 }); 选择器语法: <em>jQuery</em>的选择器语法格式和CSS的调用方法一样的哦...选择器允许基于元素的id、class、type、属性、属性值等选择方法来找到指定的HTML元素 <em>jQuery</em>事件： |Event 函数 |绑定函数至 | |$(document
最近在学习jQuery 不难 只是有些东西容易忘 特此记录之 选择器 按ID查找 // 查找: var div = $('#abc'); 按标签查找 var ps = $('...li class="lang-lua">Lua $('.lang .lang-javascript').css("color","red") jQuery...对象的text()和html()方法分别获取节点的文本和原始HTML文本 无参数调用text()是获取文本，传入参数就变成设置文本，HTML也是类似操作 操作表单 jQuery对象统一提供val()...)作用一样 var input = $('#test-input') input.val('鸡你太美') console.log(input.val()) 不带参数是获取，带上参数是赋值 修改CSS jQuery...remove()删除DOM节点 事件 jQuery很多时候需要绑定事件来出发一些东西 on方法用来绑定一个事件 onclick //鼠标单机时触发 onmousemove //当鼠标指针移动到元素上时触发
jQuery Cheat—Sheet（jQuery学习笔记） Web前端学习笔记之——jQuery学习笔记 ---- 什么是jQuery？...jQuery 2.0 不再支持IE 6/7/8 了，但是 jQuery 1.9 会继续支持 jQuery可以下载使用，有两个版本的 jQuery 可供下载 jquery-X.X.X.min.js...您可以使用以下方法： 从 jquery.com 下载 jQuery 库 从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery 本地jQuery <script...---- #jQuery 效果 隐藏和显示 jQuery hide() 和 show() jQuery hide() 和 show() 通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示...#jQuery 获取内容和属性 jQuery 拥有可操作 HTML 元素和属性的强大方法。 ### jQuery DOM 操作 jQuery 中非常重要的部分，就是操作 DOM 的能力。
https://louluan.blog.csdn.net/article/details/19021807 1. jQuery 的执行时间： $(document).ready(function...(){ --- jQuery functions go here ---- // 保证当文档对象加载完成后，进行元素事件处理函数的绑定 }); jQuery 是基于事件相应机制进行处理的...var elements = $(selector).remove([filter]); //移除满足条件的元素和其子元素，并返回之，这个移除是让 此元素和子节点从 DOM对象结构上移除，并将其保存于jQuery
据说 jQuery 是最好 JavaScript 框架，但是我不会，于是今天决定努力学下。...初级学习是看这个教程 Getting Started with jQuery，比较简单，我也帮它翻译下： 安装 开始之前，你需要安装 jQuery 框架，这个非常简单，只要下载 jQuery Starterkit... google.load("jquery", "1"); Hello jQuery 当我们开始使用 jQuery 读取和操纵 DOM 的时候，我需要给 HTML 文档注册一个 ready...下面让我们看看具体发生了什么： ("a") 是一个 jQuery 选择器，这里它选取所有的 a 元素， 这段代码相当于： <a href="#" onclick="alert('Hello world'...最后的例子请猛击这里：<em>jQuery</em> Example 1 ----
支持通过AMD模块划分，jQuery在最开始发布的1.0版本是很简单的，只有CSS选择符、事件处理和AJAX交互3大块。...() .ajaxSuccess() 底层接口： jQuery.ajax() jQuery.ajaxSetup() 快捷方法： jQuery.get() jQuery.getJSON()...jQuery.getScript() jQuery.post() // jQuery的写法 var $jQuery = function(selector, context) { return new...$jQuery.fn.init(selector, context); } $jQuery.fn = $jQuery.prototype = { init: function() { this.name...= 'aaron' return this; }, constructor: $jQuery } var $a = $jQuery(); console.log('$jQuery的调用
6.jQuery的Ajax插件 源码地址： https://github.com/iyun/jQueryDemo.git ———————————————————————————— 6.0 jQuery...其值可能为: succuss, error, notmodify, timeout 4 种. 3、方法的返回值:XMLHttpRequest对象 4、$.get() 和 $.post() 方法是 jQuery...中的全局函数, 而 find() 等方法都是对 jQuery 对象进行操作的方法 load()方法 1、load()方法是 jQuery 中最为简单和常用的 Ajax 方法, 能载入远程的...jQuery提供了相应的方法帮助开发者解决这个问题。 2、serialize()方法 该方法作用于一个jQuery对象，可以将DOM元素内容序列化为字符串。...JQuery 加载并解析 XML 1、JQuery 可以通过 $.get() 或 $.post() 方法来加载 xml.
笔者今天详细的阅读了这篇文章并记录了一些笔记。...1.类级别的插件开发 我是这样理解的：jQuery是类，$是jQuery的别名，$('selector')为jQuery对象 这种插件类似为jQuery类添加静态的方法，然后我们就可以像在C#中调用静态方法一样使用插件...3.总结 jQuery为开发插件提拱了两个方法，分别是： jQuery.fn.extend(object); 给jQuery对象添加方法。fn 是什么东西呢？...原来 jQuery.fn = jQuery.prototype，jQuery.fn.extend(object)是对jQuery.prototype进行的扩展，就是为jQuery类添加“成员函数”。...jQuery类的实例可以使用这个“成员函数”。 jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。可以理解为jQuery添加静态方法。
此笔记只是作为本人学习JQuery的随手笔记,稍微做了一下整理,希望对新人有参考价值。....val()==’选项2′) // { // alert(“你选择了选项2″); // } 7、将一个或多个DOM元素转化为jQuery... return false; // } // }); // }); 9、这个函数的返回值与 jQuery
终于到了js框架的学习部分了，这部分内容主要讲jQuery，也是非常重要的内容。 jQuery应用入门 jQuery是一个JavaScript库，极大的简化了JavaScript编程。...; }); jQuery控制页面 1....").replaceAll("p:last"); }); }); jQuery的动画与特效 1....自定义动画 jQuery animate()方法允许用户创建自定义动画，根据方法参数不同，可以制作简单动画与复杂累积动画。...如果要改变，需要将元素的position属性设置成relative、fixed或absolute； 累积动画 jQuery为用户提供了针对动画的队列功能，用户可以编写多个animate方法，jQuery
核心函数:$/jQuery 2.使用jQuery核心对象:执行$()返回的对象 DOM 对象加载完毕后，马上执行的函数。...(document).ready()与()、jQuery()、window,jQuery()是等价的，所以(document).ready()可以写成 (function() { alert(“Hello...jQuery”)})，还可以使用箭头函数再次简化。...选择器 选择器:就是定位条件;通知jquery函数定位满足条件的DOM对象 jQuery 基本选择器 ("#pop") 选取id名为pop的元素。...); //jQuery写法二 //jQuery获取的是一个dom对象数组，可以使用dom的属性或者函数 var domObj2=
jQuery学习笔记之概念（1） ——————————————————————学习目录———————————————————— 1.概念 2.特点 3.选择器 4.DOM操作 5...jQuery是继承prototype之后又一个优秀的JavaScript库。现在jQuery主要包括核心库、UI和插件等。。...里面只有一个对象 jQuery == $ 7.出色的浏览器兼容性 8.链式操作方法 jQuery.size.css() 9.隐式迭代，屏蔽了for，我可以迭代一个数组...DOM对象，通过DOM包装后的HTML元素 jQuery对象，通过jQuery对象包装DOM对象之后产生的对象 jQuery对象不能调用DOM对象里面的属性和方法； DOM对象不能调用jQuery...-- 引入jQuery --> <script src="..
JQuery与DOM对象 DOM对象获取方式: var dom_div1 = document.getElementById('...test1'); var dom_div2 = document.getElementByClassName('test2'); JQuery对象获取方式: var $jq_div1 = $('#test1...'); // id选择器 var $jq_div2 = $('.test2'); // 类选择器 var $jq_div3 = $('div'); // 元素选择器 DOM对象与JQuery对象互相转换...(dom_div2); // jq -> dom var jq2dom_div1 = jq_div1[0]; var jq2dom_div2 = jq_div2.get(0); 二者区别如下： 通过jQuery...通过jQuery处理DOM的操作，可以让开发者更专注业务逻辑的开发，而不需要我们具体知道哪个DOM节点有那些方法，也不需要关心不同浏览器的兼容性问题，我们通过jQuery提供的API进行开发，代码也会更加精短
.attr()与.removeAttr() attr()有4个表达式 attr(传入属性名)：获取属性的值 attr(属性名, 属性值)：设置属性的值 attr...
0x0 jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。...丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定...0x2 jQuery内容： 选择器 筛选器 样式操作 文本操作 属性操作 文档处理 事件 动画效果 插件 each、data、Ajax 下载链接：jQuery官网 中文文档：jQuery AP中文文档...0x4 jQuery对象 jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是 jQuery独有的。...jQuery的原型，以提供新的jQuery实例方法。
学习笔记之插件开发（4） github源码地址 插件：了让原有功能的增强。...目前，大部分jQuery插件都是这种类型的插件，由于这种插件是将对象方法封装起来，在jQuery选择器获取jQuery对象过程中进行操作，从而发挥jQuery强大的选择器的优势。...有很多jQuery内部方法，也是在jQuery脚本内部通过这种形式插入到jQuery框架中的，如parent()、appendTo()和addClass()等方法。...例如，jQuery的ajax()方法就是利用这种途径内部定义的全局函数。 由于全局函数没有被绑定到jQuery对象上，故不能够在选择器获取的jQuery对象上调用。...jQuery表单验证插件—— Validation Validation插件是历史最悠久的jQuery插件之一，经过了全球范围内不同项目的验证。
jQuery 学习回顾 jQuery 的语法： $("选择器") $(dom对象) $("点我啊").replaceAll("p"); jQuery 的选择器...的筛选 综述如下： jQuery 的选择器可以的完成功能，jQuery 的筛选则提供功能相同的函数。...-- 引入jQuery --> <script src=".....的ajax【掌握】 以前<em>学习</em>的ajax：异步请求，浏览器地址栏不改变，而页面进行局部的刷新。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
