你不知道的jQuery
本栏目将让你由浅入深,快速领悟jquery的神奇。
学习结构:1.jquery选择器,
2.DOM操作,
3.事件 4.动画,
4.Ajax的应用,
5.插件的应用与编写,
6.源码分析
小平果118
我是一匹奔腾的野马,需要你来征服。。。。。
展开
-
你不知道的jQuery Item11 -- ajax jsonp跨域方法详解
文章从JSON和JSONP区别开始讲起,用实例来对比他们之间的不同之处,然后详细讲解了jQuery中的ajax jsonp的使用并给出了示例及详细参数说明。1.JSON和JSONP JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,用于在浏览器和服务器之间交换信息。 JSONP(JSON With Padding),就是打包在函数调用中的的JSON(或者原创 2016-07-17 21:40:21 · 5900 阅读 · 0 评论 -
jQuery学习之旅 Item10 ajax快餐
1. 摘要本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 本篇文章讲解如何使用jQuery方便快捷的实现Ajax功能.统一所有开发人员使用Ajax的方式.2. 前言Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂, 但是实现方式还是会因为每个转载 2015-10-28 19:11:48 · 1881 阅读 · 0 评论 -
jQuery学习之旅 Item9 动画效果
1、元素的显示和隐藏 display:none; 隐藏 display:block; 显示 简单显示和隐藏方法 a) show() 显示 b) hide() 隐藏 c) toggle() 开关,显示则隐藏,隐藏则显示 <script type="text/javascript"> function f1(){ //隐藏 $("di原创 2015-10-28 13:59:11 · 3222 阅读 · 6 评论 -
jQuery学习之旅 Item8 DOM事件操作
1、jquery页面载入事件1、传统加载事件<body onload=”函数名()”> 页面全部html和css代码加载完成之后再调用指定的onload函数 window.onload = function(){ 加载过程 }2、jquery实现加载事件① $(document).ready(function(){加载代码}); ② $().ready(function(){加载代码});原创 2015-10-28 11:09:58 · 1340 阅读 · 0 评论 -
jQuery学习之旅 Item7 区别this和$(this)
刚开始以为this和(this)就是一模子刻出来。但是我在阅读时,和coding时发现,总不是一回事,这里就谈谈this与(this)就是一模子刻出来。但是我在阅读时,和coding时发现,总不是一回事,这里就谈谈this与(this)的区别。1、jQuery中this与$(this)的区别$("#textbox").hover( function() {原创 2015-10-27 19:27:06 · 1325 阅读 · 1 评论 -
jQuery学习之旅 Item6 好用的each()
1、javascript 函数的调用方式首先来研究一下jquery的each()方法的源码,在这之前,先要回顾一下javascript函数具体调用样式: 普通函数调用 setName(); 可以作为对象的属性调用 作为构造函数使用,new 函数,实例化对象 call() apply() //1、函数作为对象成员使用 var cat = {'climb':function(){alert原创 2015-10-27 18:20:43 · 1204 阅读 · 0 评论 -
jQuery学习之旅 Item5 $与jQuery对象
1、$符号的由来$符号本质就是函数的名字。 jquery源码分析通过分析我们知道,在jquery里边不只可以使用$符号,还可以使用jQuery标志解决冲突问题有的项目是中间过渡项目(prototype和jquery框架都有使用) prototype框架也使用$符号 jquery里边也使用符号现在就分不清楚符号 现在就分不清楚符号到底是prototype框架的 还是 jquery框架的 jqu原创 2015-10-27 16:03:02 · 1281 阅读 · 0 评论 -
jQuery学习之旅 Item4 细说DOM操作
jQuery—–DOM操作(文档处理)Dom是Document Object Model的缩写,意思是文档对象模型。DOM是一种与浏览器、平台、语言无关的接口,使用该接口可以轻松访问页面中所有的标准组件。DOM操作可以分为三个方面即DOM Core(核心)、HTM-DOM和CSS-DOM。 每一个网页都可以用DOM表示出来,每个DOM都可以看作是一棵DOM树。下面的html页面结构可以构建出一棵D原创 2015-10-26 13:16:40 · 1270 阅读 · 1 评论 -
jQuery学习之旅 Item3 属性操作与样式操作
本节将Dom元素的操作:属性操作、样式操作、设置和获取HTML,文本和值、Css-Dom操作。1、属性操作<input type=”text” name=”username” value=”jack” class=”apple”>方法:attr() attribute属性使用: 1、 attr(名称); 获得元素节点对应的属性信息 $(“input”).attr(‘class’);原创 2015-10-26 13:27:12 · 1441 阅读 · 2 评论 -
jQuery学习之旅 Item2 选择器【二】
这里接着上一个Item1 把jQuery的选择器讲完。主要有:属性过滤器和子元素过滤器点击”名称”会跳转到此方法的jQuery官方说明文档. 5. 属性过滤器 Attribute Filters 名称 说明 举例 [attribute] 匹配包含给定属性的元素 查找所有含有 id 属性的 div 元素: $(“div[id]”) [attribute=value] 匹配给定的属性是原创 2015-10-25 21:23:54 · 1193 阅读 · 1 评论 -
jQuery学习之旅 Item1 选择器【一】
jQuery选择器分为如下几类: [说明] 点击"名称"会跳转到此方法的jQuery官方说明文档. 1. 基础选择器 Basics 名称 说明 举例 #id 根据元素Id选择 $("divId") 选择ID为divId的元素 element 根据元素的名称选择, $("a") 选择所原创 2015-10-25 17:07:11 · 2103 阅读 · 3 评论