jQuery学习笔记(1)-初探

一.jQuery是什么 1.jQuery是一套JavaScript脚本库,而不是框架:就好比"System是程序集"是类库,而"ASP.NET MVC"是框架: 2.jQuery并不能帮助我们解决脚本引用管理和功能管理,这些都是框架要做的事: 3.脚本库能帮助我们完成编码逻辑,实现业务功能二.jQuery有什么特点 1.使用功能函数,快速开发 2.解决浏览器兼容性问题 3.提供各种动画功能,丰富的UI 4.纠正错误的脚本知识,可以避免js不规范三.下载jQuer…

jQuery学习笔记(一)jQuery选择器

目录 jQuery选择器的优点基本选择器层次选择器过滤选择器表单选择器第一次写博客,希望自己能够长期坚持,以写博客的方式作为总结与复习. 最近一段时间开始学习jQuery,通过写一个jQuery学习笔记的专题,对jQuery的知识做一个总结,并给出部分Demo来练习,使其能够掌握jQuery的基本技能. 今天所写的内容是关于jQuery选择器. 在学习jQuery选择器之前,有必要先了解一下css选择器,首先要明确一个新手容易混淆的概念:css选择器与jQuery选择器是两个不同的概念…

jQuery 学习笔记

jQuery 学习笔记一.jQuery概述宗旨: Write Less, Do More. 基础知识: 1.符号$代替document.getElementById()函数 2.使用Css+Xpath来查询页面元素 3.适当的混用jQuery.Dom和JavaScript能够提升程序的执行效率. 如:Offset.Append.Before是jQuery的瓶颈 4.函数$()是$("document…

jQuery学习笔记（一）：入门

jQuery学习笔记(一):入门一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操作如下: 1 document.getElementById('info').value = 'Hello World!'; 使用JQuery时获取DOM文本操作如下: 1 $('#info').val('Hello World!'); 嗯,可以看出,使用JQuery的优势之一是可以使代码更加简练,…

jQuery学习笔记 - 基础知识扫盲入门篇

jQuery学习笔记 - 基础知识扫盲入门篇 2013-06-16 18:42 by 全新时代, 11 阅读, 0 评论, 收藏, 编辑 1.为什么要使用jQuery? 提供了强大的功能函数解决浏览器兼容性问题实现丰富的UI纠正错误的脚本知识 2.常用的知识点 jquery的id选择器:$("#btnShow")事件绑定函数 bind()显示和隐藏函数show() hide()修改元素内部html的函数html() 仅仅凭借多浏览器支持这一特性,就足以让我们学习并使用jquery,因为…

JQuery学习笔记——层级选择器

JQuery学习笔记--层级选择器上一篇学习了基础的五种选择,分别是id选择器,class选择器,element选择器,*选择器和并列选择器.根据手册大纲,这篇学习的是层级选择器. 选择器: 1.基础选择器 2.层级选择器 1).ancestor descendant 2).parent > child 3).prev + next 4).prev ~ siblings 3.基本筛选器 4.内容选择器 5.可见性选择器 6.属性选择器 7.子元素选择器 8.表单选择器 9.表单元素选择器…

jQuery学习笔记之Ajax用法详解

这篇文章主要介绍了jQuery学习笔记之Ajax用法,结合实例形式较为详细的分析总结了jQuery中ajax的相关使用技巧,包括ajax请求.载入.处理.传递等,需要的朋友可以参考下本文实例讲述了jQuery学习笔记之Ajax用法.分享给大家供大家参考,具体如下: 一.Ajax请求 1.jQuery.ajax(options) 通过 HTTP 请求加载远程数据.jQuery 底层 AJAX 实现.简单易用的高层实现见 .get,.post 等. .ajax()返回其创建的XMLHttpRequ…

jQuery 学习笔记：jQuery 代码结构

jQuery 学习笔记:jQuery 代码结构这是我学习 jQuery 过程中整理的笔记,这一部分主要包括 jQuery 的代码最外层的结构,写出来整理自己的学习成果,有错误欢迎指出. jQuery 的最外层 $,jQuery (function (global, factory) { "use strict"; if (typeof module === "object" && typeof module.exports === "ob…

jQuery学习笔记之插件开发（4）

jQuery学习笔记之插件开发(4) github源码地址插件:了让原有功能的增强. 1.插件的种类(3种):局部.全局.选择器插件 1.1封装对象方法的插件这种类型的插件是把一些常用或者重复使用的功能定义为函数,然后绑定到jQuery对象上,从而成为jQuery对象的一个扩展方法. 目前,大部分jQuery插件都是这种类型的插件,由于这种插件是将对象方法封装起来,在jQuery选择器获取jQuery对象过程中进行操作,从而发挥jQuery强大的选择器的优势.有很多jQuery内部方法,也是…

jQuery学习笔记之jQuery的Ajax（3）

jQuery学习笔记之jQuery的Ajax(3) 6.jQuery的Ajax插件源码地址: https://github.com/iyun/jQueryDemo.git ---------------------------- 6.0 jQuery ajax 浏览器给我们提供的XMLHttpRequest的作用是来发送http请求. js代码发送一个http的请求 XMLHttpRequest的四步:创建对象.注册监听.建立连接.发送数据异步交互的6个方法(发送http请求) ajax()…

jQuery学习笔记之DOM操作、事件绑定（2）

jQuery学习笔记之DOM操作.事件绑定(2) --------------------学习目录------------------------ 4.DOM操作 5.事件绑定源码地址: https://github.com/iyun/jQueryDemo.git --------------------学习目录------------------------ 4.DOM操作(节点增删改查) 节点查找:节点分为三种类型:元素节点.属性节点.文本节点创建节点创建元素节点使用 jQuery…

jQuery学习笔记之概念（1）

jQuery学习笔记之概念(1) ----------------------学习目录-------------------- 1.概念 2.特点 3.选择器 4.DOM操作 5.事件 6.jQuery的Ajax ------------------------------------------------ 前言:当前流行的JavaScript库有: jQuery.MooTools.Prototype.Dojo.YUI.EXT_JS.DWR 1.概念: 核心库.UI和插件等. jQuery是继…

初步学习jquery学习笔记（六）

jquery学习笔记六 AJAX 简介 AJAX 是与服务器交换数据的技术,它在不重载全部页面的情况下,实现了对部分网页的更新. load() 方法 load() 方法从服务器加载数据,并把返回的数据放入被选元素中. 语法 $(selector).load(URL,data,callback) 必需的 URL 参数规定您希望加载的 URL. 可选的 data 参数规定与请求一同发送的查询字符串键/值对集合. 可选的 callback 参数是 load() 方法完成后所执行的函数名称. 例子 1.…

初步学习jquery学习笔记（五）

jquery学习笔记五 jquery遍历什么是遍历? 从某个标签开始,按照某种规则移动,直到找到目标标签为止标签树 <div> <ul> <li> <span> </span> <span> <span> </li> <li> <b> </b> </li> </ul> </div> **讲解** * <div> 元素是 &l…

初步学习jquery学习笔记（三）

jQuery学习笔记三 jquery停止动画 stop函数的初步功能 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq…

JQuery学习笔记--01

JQuery使用的话,必做的一下件事就是下载JQuery库,才可以使用下载地址:http://jquery.com/ 下面就是引用JQuery库了: <script type="text/javascript" src="jquery.js"></script> 引用进来后就是写Jquery的代码了(如果是在网页当中嵌入Jquery的代码,就得用Js标签给包含Jquery代码,这是因为Jquery这个库是用Javascript写的,用<…

JQuery学习笔记——基础选择器

第一篇博客,现在原生安卓需求不大了.招聘的Android工程师都需要附带更多的其他技术.这也是开启我学习前端之路的开端.前端时间看了HTML.CSS等,在界面渲染这一块,就不多记录博客了.现在学习着JQuery,JS大概的过了一遍,都说JS是基础,先打好基础,但是JS编写起来语法比较麻烦,JQuery更方便快捷的实现功能,先用起来,有不懂的回头再了解学习.那么,就开始我的JQuery学习之路吧. JQuery介绍: jQuery是一个快速.简洁的JavaScript框架,是继Prototype之…

Webpack4 学习笔记一初探Webpack

前言此内容是个人学习笔记,以便日后翻阅.非教程,如有错误还请指出 Webpack 打包文件支持JS模块化模式: production(0配置默认), development(生产环境) 更详细的请前往 webpack官网安装 npm i webpack webpack-cli -D 执行 webpack npx webpack 注意: 在有package.json的目录下执行命令, 当前目录一定要有src文件夹手动配置webpack module.exports = { mode: '…

jQuery学习笔记Fisrt Day

跳过JS直接JQUERY,“不愧是你”. 对就是我. 今天开始jQuery学习第一天. click事件方法: 鼠标点击 dbl事件方法: 双击鼠标 mouseenter事件方法: 鼠标进入 mouseleave事件方法: 鼠标离开 hover: 光标悬停,多一个css可以产生和mouseenter.mouseleave接近的效果 alert: 弹出一个框在事件之后. keydown - 键按下的过程,变yellow keypress - 键被按下,可用计数 keyup- 键被松开,变pink…

jquery学习笔记(四)：动画

内容来自[汇智网]jquery学习课程 4.1 显示和隐藏在jQuery中使用 hide() 和 show() 方法来隐藏和显示 HTML 元素: hide()的语法形式:$(selector).hide(speed,callback); show()的语法形式:$(selector).show(speed,callback); speed 参数规定隐藏/显示的速度,可以取以下值:"slow"."fast"或毫秒. callback 参数是隐藏或显示完成后所执行的…

jquery学习笔记(三)：事件和应用

内容来自[汇智网]jquery学习课程 3.1 页面加载事件在jQuery中页面加载事件是ready().ready()事件类似于就JavaScript中的onLoad()事件,但前者只要页面的DOM结构加载后便触发,而后者必须在页面全部元素加载成功才触发,ready()可以写多个,按顺序执行. ready()方法的几种写法: //写法一: $(document).ready(function(){ //代码部分 }); //写法二: $(function(){ //代码部分 }) 写法二简洁…

jquery学习笔记(二)：DOM元素操作

内容来自[汇智网]jquery学习课程 2.1 元素属性操作 1.获取元素的属性语法:attr(name) 参数name表示属性的名称 2.设置元素的属性单个属性设置语法:attr(key,value) 多个属性设置语法:attr({key0:value0,key1:value1}) 3.删除元素的属性语法:removeAttr(name) 2.2 元素内容操作 html()方法仅支持XHTML的文档,不能用于XML文档,而text()既支持HTML文档,也支持XML文档语法格式参数说…

jquery学习笔记(一)：选择器

内容来自[汇智网]jquery学习课程 1.1 基础选择器选择器功能返回值 #id 根据给定的id匹配一个元素单个元素 element 根据给定的元素名匹配所有元素元素集合 .class 根据给定的类匹配元素元素集合 * 匹配所有元素元素集合 selector1,selectorN 将每一个选择器匹配到的元素合并后一起返回元素集合 1.2 层次选择器选择器功能返回值 ancestor descendant 根据祖先元素匹配所有的后代元素元素集合 parent > chil…

jquery学习笔记(五)：AJAX

内容来自[汇智网]jquery学习课程 5.1 ajax AJAX 是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新. AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML). 简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示. 5.2 load()方法加载数据 load()方法是简单但强大的AJAX方法.它从服务器加载数据,并把返回的数据放入被选元素中. 语法:$(se…

强哥jQuery学习笔记

js对象: 1.js内置对象 2.js元素对象 3.jquery对象 js特效: 1.js元素对象 2.jQuery对象 jQuery学习: 1.核心函数 2.选择器 3.筛选 4.文档处理 5.属性 6.css 7.事件 8.效果 9.ajax 10.工具为了解决多框架冲突: 1.$() 2.jQuery() 当页面加载完毕时//window.onload当DOM元素加载完毕时$(function($) { // 你可以在这里继续使用$作为别名...});而放在body后,本身就是等DOM加…

Jquery学习笔记1-jquery总体代码框架

第一次在博客中记录自己的笔记,希望能坚持下去吧,加油! 今天学习的是Jquery的源代码,官网上下载,然后使用DW(dream waver)编辑器打开Js(下载的是未压缩版),版本是2.0.3.第一次下下来之后,对其中的8000多行的代码表示跪下,确实是自己接触前端以来最多见到的一次(本人刚刚开始接触前端开发),首先还是按照自己学习的老套路,对整个的源代码进行分析,列好代码的框架(也可以去网易云课堂找相关的视频,下面部分的内容来源于视频“逐行分析Jquery源码的奥秘”): (21,94) 定义…

JQuery学习笔记系列（一）----选择器详解

笔者好长时间没有更新过博客园的笔记了,一部分原因是去年刚刚开始工作一段时间忙碌的加班,体会了一种每天加班到凌晨的充实感,之后闲暇时间了也因为自己懒惰没有坚持记笔记的习惯,现在重新拾起来. 借用古人的一段话与诸君共勉: 人之为学,不日进则日退,独学无友,则孤陋而难成:久处一方,则习染而不自觉.不幸而在穷僻之域,无车马之资,犹当博学审问, 古人与稽,以求其是非之所在.庶几可得十之五六.若既不出户,又不读书,则是面墙之士,虽子羔.原宪之贤,终无济于天下. 翻译为:人们求学(或做学问),不能天天上进,就…

jQuery学习笔记（在js中增加、删除及定位控件的操作）

代码内容很多都是从amazeui直接copy过来的,先声明,请不要说在下抄袭- -  <div class="am-tabs" data-am-tabs="{noSwipe: 1}" id="topbar">  <ul class="am-na…

JS与Jquery学习笔记（二）

一. JS 的面向对象 JS没有类,其类就用function来代替如下所示: function Cat(name, color){ this.name=name; this.color=color; } 这就相当于是构造函数,可以生成对象: // 声明Cat对象 var cat1 = new Cat("jack", "yellow"); var cat2 = new Cat("tom","black"); // 用法和其他语言…

jQuery学习笔记（一）：入门【转】

由于工作的需要,发现JQuery是一个绕不开的东西,现在开始学习. 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操作如下: 1 document.getElementById('info').value = 'Hello World!'; 使用JQuery时获取DOM文本操作如下: 1 $('#info').val('Hello World!'); 嗯,可以看出,使用JQuery的…

【jQuery学习笔记(1)-初探】的更多相关文章