jQuery学习之旅 Item5 $与jQuery对象

1.$符号的由来 $符号本质就是函数的名字. jquery源码分析通过分析我们知道,在jquery里边不只可以使用$符号,还可以使用jQuery标志解决冲突问题有的项目是中间过渡项目(prototype和jquery框架都有使用) prototype框架也使用$符号 jquery里边也使用符号现在就分不清楚符号到底是prototype框架的还是 jquery框架的 jquery本身有方法可以是的$符号的使用权被让出来 jQuery.extend({ noConflict: functio…

jQuery学习之旅 Item10 ajax快餐

1. 摘要本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 本篇文章讲解如何使用jQuery方便快捷的实现Ajax功能.统一所有开发人员使用Ajax的方式. 2. 前言 Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂, 但是实现方式还是会因为每个开发人员的而有所差异.jQuery提供了一系列Ajax函数来帮助我们统一这种差异, 并且让调用A…

jQuery学习之旅 Item8 DOM事件操作

1.jquery页面载入事件 1.传统加载事件 <body onload="函数名()"> 页面全部html和css代码加载完成之后再调用指定的onload函数 window.onload = function(){ 加载过程 } 2.jquery实现加载事件 ① $(document).ready(function(){加载代码}); ② $().ready(function(){加载代码}); ③ $(function(){加载代码}); ----- jQuery.fn…

jQuery 学习（1）——认识jQuery

1.下载下载地址:http://jquery.com/download/ jquery-3.2.1.js——用于开发和学习(229K) jquery-3.2.1.min.js——用于项目和产品(31K) 2.引入jQuery.js <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-3.2.1.js"></scri…

jQuery学习总结（一）——jQuery基础与学习资源

前一段时间录了一套关于jQuery的视频分享给大家,可以在下载区下载到,本来想配合文字一起的,后面发现视频+帮助文档也是非常好的学习方法. 一.jQuery简介与第一个jQuery程序 1.1.jQuery简介 jQuery是继Prototype之后又一个优秀的JavaScript库,是一个由John Resig创建于2006年1月的开源项目.现在的jQuery团队主要包括核心库.UI和插件等开发人员以及推广和网站设计维护人员. jQuery凭借简介的语法和跨浏览器的兼容性,极大地简化了Java…

Jquery学习总结（1）——Jquery常用代码片段汇总

1. 禁止右键点击 ? 1 2 3 4 5 $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2. 隐藏搜索文本框文字 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 Hide when clicked in the search field, the value.(exampl…

jQuery学习之旅 Item4 细说DOM操作

jQuery-–DOM操作(文档处理) Dom是Document Object Model的缩写,意思是文档对象模型.DOM是一种与浏览器.平台.语言无关的接口,使用该接口可以轻松访问页面中所有的标准组件.DOM操作可以分为三个方面即DOM Core(核心).HTM-DOM和CSS-DOM. 每一个网页都可以用DOM表示出来,每个DOM都可以看作是一棵DOM树.下面的html页面结构可以构建出一棵DOM树,代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHT…

jQuery学习之旅 Item1 选择器【一】

点击"名称"会跳转到此方法的jQuery官方说明文档. 1. 基础选择器 Basics 名称说明举例 #id 根据元素Id选择 $("divId") 选择ID为divId的元素 element 根据元素的名称选择, $("a") 选择所有<a>元素 .class 根据元素的css类选择 $(".bgRed") 选择所用CSS类为bgRed的元素 * 选择所有元素 $("*")选择页面所有元素…

jQuery学习笔记（一）--jQuery对象与DOM对象相互转换

通过标准的JavaScript操作DOM与jQuyer操作DOM的对比,我们不难发现: 通过jQuery方法包装后的对象,是一个类数组对象.它与DOM对象完全不同,唯一相似的是它们都能操作DOM. 通过jQuery处理DOM的操作,可以让开发者更专注业务逻辑的开发,而不需要我们具体知道哪个DOM节点有那些方法,也不需要关心不同浏览器的兼容性问题,我们通过jQuery提供的API进行开发,代码也会更加精短. jQuery是一个类数组对象,而DOM对象就是一个单独的DOM元素. jQuery对象转成…

jQuery学习之旅 Item9 动画效果

1.元素的显示和隐藏 display:none; 隐藏 display:block; 显示简单显示和隐藏方法 a) show() 显示 b) hide() 隐藏 c) toggle() 开关,显示则隐藏,隐藏则显示 <script type="text/javascript"> function f1(){ //隐藏 $("div").hide();//display:none //document.getElementById('id').style…

jQuery学习之旅 Item7 区别this和$(this)

刚开始以为this和$(this)就是一模子刻出来.但是我在阅读时,和coding时发现,总不是一回事,这里就谈谈this与$(this)的区别. 1.jQuery中this与$(this)的区别 $("#textbox").hover( function() { this.title = "Test"; }, fucntion() { this.title = "OK"; } ); 这里的this其实是一个html 元素(textbox),te…

jQuery学习之旅 Item6 好用的each()

1.javascript 函数的调用方式首先来研究一下jquery的each()方法的源码,在这之前,先要回顾一下javascript函数具体调用样式: 普通函数调用 setName(); 可以作为对象的属性调用作为构造函数使用,new 函数,实例化对象 call() apply() //1.函数作为对象成员使用 var cat = {'climb':function(){alert('zai pa shu')}}; //cat.climb(); //2.函数作为构造方法使用 functio…

开始jQuery学习之旅

jQuery写法 //实例写法$('div').css({width:200,backgroundColor:'red'}); 参数规则 // css selector$('.wrapper ul li').css({width:100,backgroundColor:'red'}); //jquery unique selector$('.wrapper ul li:first')选择第一个li元素 (last最后一个)$('.wrapper ul li:odd')选择奇数元素(even偶数元…

Jquery学习笔记（1）--JQuery原理，与JS对象互换，核心函数

js对象转jQuery对象,$('num'), jQuery对象转js对象,$('num')[0],或$('num').get(0). 1.点击换行,each(),html(),attr(),每个h1标签添加一个num来实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title>…

jquery学习之旅

在jQuery中,css()方法的功能是设置或获取元素的某项样式属性. $<"div">.css("font-weight","bold"); attr()方法的功能是设置或获取元素的某项属性值. 有时需要精确的选择任意多个指定的元素,类似于从文具盒中挑选出多根自已喜欢的笔,就需要调用sele1,sele2,seleN选择器,它的调用格式如下:$("sele1,sele2,seleN");其中参数sele1.sel…

jQuery学习之旅 Item2 选择器【二】

这里接着上一个Item1 把jQuery的选择器讲完.主要有:属性过滤器和子元素过滤器点击"名称"会跳转到此方法的jQuery官方说明文档. 5. 属性过滤器 Attribute Filters 名称说明举例 [attribute] 匹配包含给定属性的元素查找所有含有 id 属性的 div 元素: $("div[id]") [attribute=value] 匹配给定的属性是某个特定值的元素查找所有 name 属性是 newsletter 的 input…

jQuery学习笔记(5)-事件与事件对象

一.前言主要讲解事件的绑定与触发二.jQuery中添加事件 1.使用bind()方法绑定事件 <input id="btn" type="button" value="按钮" /> <script> $("#btn").bind("click", function (event) { alert("one"); }); </script> 2.添加…

jQuery学习之旅 Item3 属性操作与样式操作

本节将Dom元素的操作:属性操作.样式操作.设置和获取HTML,文本和值.Css-Dom操作. 1.属性操作 <input type="text" name="username" value="jack" class="apple"> 方法:attr() attribute属性使用: 1. attr(名称); 获得元素节点对应的属性信息 $("input").attr('class'); //…

【JQuery学习历程】1.初识JQuery

1.JQuery简介: JQuery是用js写的JavaScript库,是为了简化js对HTML元素的操作.实现动画效果并方便为网站提供ajax交互: 2.ready()方法: ready()方法和js的windown.onload()方法类似,都是当页面的文档加载完毕后调用该方法:不同的是ready()方法是当DOM元素的结构绘制完毕后执行(一些图片类的资源可以没有加载完成)同时可以执行多个而windown.onload()方法是页面的所有资源都加载完毕后执行(包括图片资源)并且只能执行一次:…

【jQuery学习之旅 Item5 $与jQuery对象】的更多相关文章

jQuery学习之旅 Item5 $与jQuery对象

jQuery学习之旅 Item10 ajax快餐

jQuery学习之旅 Item8 DOM事件操作

jQuery 学习（1）——认识jQuery

jQuery学习总结（一）——jQuery基础与学习资源

Jquery学习总结（1）——Jquery常用代码片段汇总

jQuery学习之旅 Item4 细说DOM操作

jQuery学习之旅 Item1 选择器【一】

jQuery学习笔记（一）--jQuery对象与DOM对象相互转换

jQuery学习之旅 Item9 动画效果

jQuery学习之旅 Item7 区别this和$(this)

jQuery学习之旅 Item6 好用的each()

开始jQuery学习之旅

Jquery学习笔记（1）--JQuery原理，与JS对象互换，核心函数

jquery学习之旅

jQuery学习之旅 Item2 选择器【二】

jQuery学习笔记(5)-事件与事件对象

jQuery学习之旅 Item3 属性操作与样式操作

【JQuery学习历程】1.初识JQuery

jQuery 学习笔记（一）jQuery 语法

jQuery学习笔记（2） jQuery选择器

jQuery学习笔记（五）jQuery中的表单

jQuery学习笔记（四）jQuery中的动画

jQuery学习笔记（三）jQuery中的事件

[置顶] Jquery学习总结（二） jquery选择器详解

jquery 学习（一）：jQuery 简介

Jquery学习笔记（11）--jquery的ajax删除用户，非常简单！

Jquery学习笔记（6）--jquery中attr和prop的区别【精辟】

JQuery学习笔记（二）JQuery方法

Jquery学习总结（5）——jQuery选择器