目录 一、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 不难 只是有些东西容易忘 特此记录之 选择器 按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初学者笔记 一 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 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 的能力。
支持通过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的调用
据说 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 ----
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
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 学习回顾 jQuery 的语法: $("选择器") $(dom对象) $("点我啊").replaceAll("p"); jQuery 的选择器...的筛选 综述如下: jQuery 的选择器可以的完成功能,jQuery 的筛选则提供功能相同的函数。...-- 引入jQuery --> <script src=".....的ajax【掌握】 以前<em>学习</em>的ajax:异步请求,浏览器地址栏不改变,而页面进行局部的刷新。
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与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...
领取专属 10元无门槛券
手把手带您无忧上云