Jquery学习

jQuery学习笔记一：简介

为什么使用jQuery消除浏览器差异简洁的操作DOM的方法轻松实现动画、修改CSS等各种操作jQuery版本目前jQuery有1.x，2.x和3.x这几种版本，区别在于1.x能够最大程度兼容各类浏览器，2.x则移除了对IE6、7、8的支持，更为精简，而3.x版本可以兼容2.x，3.xCompat版本兼容1.x。使用jQuery在页面的引入jQuery文件即可：......$符号jQuery把所有功
arthur_deng·2016-07-26 08:59

JQuery学习（一）

jQuery是一个JavaScript库。jQuery极大地简化了JavaScript编程。jQuery库包含以下特性：HTML元素选取HTML元素操作CSS操作HTML事件函数JavaScript特效和动画HTMLDOM遍历和修改AJAXUtilitiesjQuery语法$(selector).action文档就绪函数$(document).ready( function());这是为了防止文档
qq_28199715·2016-07-09 21:00

jQuery学习日记（四）：DOM level 2事件传播机制

在DOM2级事件模型中，一旦事件被触发，事件流会先从DOM的顶端向下传播直至目标节点，该阶段称之为捕获，到达了目标节点后会原路返回，从目标节点向上传播直至DOM顶端，该阶段称之为冒泡。上图为事件传播模型，很多初学者刚开始接触事件传播的时候非常犯头疼，无法理解事件传播究竟是怎么一回事，在这里我用一个例子来讲解一下；我有如下HTML代码：divullispanbutton用JS给所有button的父元
DevilPace·2016-07-04 21:28

Jquery学习笔记一

 通过id$("#id")通过class $(".class")$("元素（如button,div）") $("*") $("div*")$("divspanlabel")$("div>span")只包括子集 $("span+label")紧邻的下一个元素 $("span~lable")后面同一级所有的元素  过滤器选择器：  $("li:first/last/eq(1)") //它的功能是选择包
c_c123·2016-05-30 15:00

JQuery学习总结之 -- load()

在JQuery中load()有两种用法：1、当指定元素已加载时，会触发load()事件。$("img").load(function(){//图片加载完成时，改变div的文本 $("div").text("Imageloaded"); });2、另外还存在一个名为load()的JQeryajax方法$("button").click(function(){//点击按钮改变div的文本内容，通过lo
u011698346·2016-05-16 17:00

JQuery学习总结之 -- siblings()

siblings()： 获得匹配集合中每个元素的同胞1、span的同胞元素中类名为selected的元素设为背景黄色HelloAgain Hello HelloAgain AndAgain $("span").siblings(".selected").css("background","yellow"); 2、类名为third-item的li标签的同胞元素设置背景红色，即listitem
u011698346·2016-05-16 16:00

JQuery学习总结之 -- event.preventDefault

event.preventDefault()：用来取消时间的默认行为，如当点击提交按钮时阻止表单的提交。此方法不支持IE浏览器，IE浏览器可通过window.event.returnValue=false;实现。注意：如果Event对象的cancelable属性是fasle，那么就没有默认动作，或者不能阻止默认动作。
u011698346·2016-05-16 16:00

jQuery学习笔记

2016.05.09幂等（idempotent、idempotence）是一个数学或计算机学概念，常见于抽象代数中。幂等有以下几种定义：对于单目运算，如果一个运算对于在范围内的所有的一个数多次进行该运算所得的结果和进行一次该运算所得的结果是一样的，那么我们就称该运算是幂等的。比如绝对值运算就是一个例子，在实数集中，有abs(a)=abs(abs(a))。对于双目运算，则要求当参与运算的两个值是等值
qq_33756795·2016-05-10 00:00

jQuery学习笔记（二）选择器

基本选择器主要有ID选择器，标签选择器，类选择器，通配选择器和组选择器5种。遍历函数函数描述.add()将元素添加到匹配元素的集合中.addself()把堆栈之前的元素集添加到当前集合中.children()获得匹配元素集合中每个元素的所有子元素.closest()从元素本身开始，逐级向上级元素匹配，并返回最先匹配的祖先元素.contents()获得匹配元素集合中每个元素的子元素，包括文本和注释点
yingzhicai·2016-05-09 11:00

jQuery学习第二阶段-jQuery选择器

jQuery选择器类似于css中的选择器和js中的DOM获取方法，是获取页面上的元素对象的方法。修改元素样式几种方法：1直接在元素标签上添加样式2通过css添加样式 3通过JavaScript获取DOM元素对象添加样式  4通过jQuery获取$元素对象添加样式1ID选择器$(‘#id’);//返回id的元素对象，然后使用对象的方法。（在使用css操作元素样式的时候，也使用了id选择器，#id{样
G_ravity·2016-05-08 17:00

jQuery学习第一阶段

1.jQuery简介jQuery历史:美国27岁约翰创建，受到好评。 jQuery作用:替换原生JavaScript的一个产物、简化js  DOM的复杂性和繁琐性。跨越任何浏览器之间的兼容性，包括IE6。jQuery初体验:jQuery是一个封装了原生js的一些功能的类库，通过引用js类库，$(选择功能)来实现js的功能。事件：当什么时候执行什么事函数：封装的某个功能事件的因果关系的格式：$(‘b
G_ravity·2016-05-08 10:00

jQuery学习笔记

基本选择器选择器是用来从HTML文档中选择一个或者一组标签。“#id”：id选择器，通过id属性来进行选择。关键字“#”“.class”：类选择器，通过class属性来选择标签。关键字“.”“element”：标签选择器，只写element的名字，用来选择一组标签。注意：不用加尖括号。例如：$(“div”).addClass(“green”);“element*”：选择指定element的全部子代
sinat_34657451·2016-05-07 21:00

jQuery学习小问题记录

1.关于attr对复选框二次全选失效引起这个问题的原因,因为attr返回值为固有属性值,举个例子是否可见 是否可见 $("#chk1").attr("checked")==undefined $("#chk2").attr("checked")=="checked" $("#chk1").prop("checked")==false $("#chk2").prop("checked")==tr
u012706811·2016-04-28 22:00

JQuery学习（三）

   在web开发中，经常会需要用到操作元素的样式或者属性，还可能会对集合元素进行操作，下面户一次介绍：   元素的属性和dom属性：有这么一组标签元素：src="1.jpg"alt="1"class="imgs">在这里，id，src,alt,class都是属性，元素属性，当浏览器对元素进行解析时，会将元素解析为dom对象，相应的元素属性也就解析为dom属性，元素属性和dom属性只是在对其进行不
dwj147258·2016-04-21 14:00

JQuery学习（二）

  声明:原文http://blog.csdn.net/csh624366188/article/details/7679187一：动态创建元素首先来看一个例子  动态创建对象 测试图层 document.getElementById("testDiv").innerHTML="动态创建的div";   运行后如上图所示：这段代码就是通过dom的innerhtm
dwj147258·2016-04-21 11:00

jQuery学习笔记

$("p").click(function(){$(this).slideUp();});$("#go").click(function(){ $("#block").animate({ width:"70%", opacity:0.4, marginLeft:"0.6in", fontSize:"3em", borderWidth:"10px" },1500); });
Sunflowerfiona·2016-04-20 15:00

jQuery学习笔记二——jQuery选择器

1.CSS选择器标签选择器tdid选择器#id唯一类选择器div.note群组选择器td,p,div.a后代选择器#linksa通配选择符*2.jQuey选择器的优势1.简洁的写法$("#ID")//这段jquery代码与下面的DOM语法等价 document.getElementById("ID") $("tagName")//这段jquery代码与下面的DOM语法等价 document.get
li286487166·2016-04-15 19:00

jQuery学习笔记二——jQuery选择器

1.CSS选择器标签选择器tdid选择器#id唯一类选择器div.note群组选择器td,p,div.a后代选择器#linksa通配选择符*2.jQuey选择器的优势1.简洁的写法$("#ID")//这段jquery代码与下面的DOM语法等价document.getElementById("ID")$("tagName")//这段jquery代码与下面的DOM语法等价document.getEle
向着阳光奔跑的少年·2016-04-15 19:00

jQuery学习笔记———jQuery中的事件和动画

1、加载DOM$(window).load(function(){ //加载window对象所绑定的处理函数 })2、简写方式$(document).ready(function(){//编写代码})可写成下面代码：$(function(){ //编写代码 }）3、事件绑定（1）$(selector).bind(event,data,function);第1个参数是事件类型，包括：blur、foc
lixiaohong2012·2016-04-15 09:00

6.jQuery学习笔记第六节/Jq的效果之淡入淡出

jQuery学习笔记第六节/Jq的效果之淡入淡出淡入淡出其实淡入淡出的一个动画原理就是调整元素的透明度,更多精彩内容,请往下看...在jq中有四种方法可以让元素执行一个淡入淡出的效果,如下所示:fadeIn
毛毛家的大熊·2016-04-13 17:18

jQuery学习笔记-----jQuery中的DOM操作

jQuery选择器1、层次选择器$("divspan">——选取里的所有的元素，返回集合元素 $("div>span">——选取元素下元素名为的子元素，返回集合元素 $(".one+div">——选取class为one的下一个同辈元素，返回单个元素,等价于$(".one").next("div")方法 $("#two~div">——选取id为two的元素后面的所有同辈元素，返回集合元素，等价于$(
lixiaohong2012·2016-04-10 23:00

jQuery学习笔记-----jQuery中的DOM操作

jQuery选择器1、层次选择器$("divspan">——选取里的所有的元素，返回集合元素$("div>span">——选取元素下元素名为的子元素，返回集合元素$(".one+div">——选取class为one的下一个同辈元素，返回单个元素,等价于$(".one").next("div")方法$("#two~div">——选取id为two的元素后面的所有同辈元素，返回集合元素，等价于$("#t
lixiaohong2012·2016-04-10 23:00

1.jQuery学习笔记第一节/简介

jQuery学习笔记第一节/简介1.基本概念1.什么是JQ?
毛毛家的大熊·2016-04-09 16:17

JQuery学习随笔(三) - 事件

世界总是运行在可知的轨迹当中，只等着我们去发现jQuery事件jQuery封装了大量的javascript事件，方便了开发人员的使用。这样规范了代码，也使得想我这种强迫症患者能开心的使用。jQuery分类事件绑定与取消bind()-规定向被选元素添加的一个或多个事件处理程序。delegate()-为指定被选元素的子元素添加一个或多个事件处理程序。die()-移除所有通过live()方法向指定元素添
李天火·2016-04-08 18:11

JQuery学习笔记——基础知识和数组以及字符串操作

一、基础知识：1.选择DOM节点：jQuery利用CSS选择器来访问DOM元素。当利用选择器来访问DOM中元素的时候，元素以jQuery对象的形式被返回。使用CSS选择器来访问DOM中元素时，要使用$()函数。$()函数用于选择文档的一部分。它接受任何CSS选择器表达式、0个或多个DOM节点，返回所有匹配的元素。eg:$('p')——访问HTML文档中所有的段落元素$('#A')——访问所有id=
ScorpionHermit·2016-04-08 11:29

jQuery学习和知识点总结归纳

jQuery目前在Web前端开发所占的比重越来越高，在我们jQuery学习和开发的过程中都会去使用。jQuery帮我们解决了浏览器之间JS一些不兼容的地方和简化了原生JS对DOM的操作。
雷雪松·2016-03-31 00:00

JQuery 学习笔记

JQuery学习笔记第一章        认识JQuery·页面加载事件（可以写多个ready()）$(document).ready(function(){alert(“helloworld”);})
houfeng30920·2016-03-27 22:00

jQuery学习之prop和attr的区别示例介绍

prop和attr的区别你知道吗？在本文有些不错的示例对两者详细介绍，感兴趣的朋友不要错过1、.prop(propertyName)获取匹配集合中第一个元素的Property的值2、.prop(propertyName,value).prop(map).prop(propertyName,function(index,oldPropertyValue))给匹配元素集合设定一个或多个属性.prop(
sanbingyutuoniao123·2016-03-25 08:00

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

一、前言主要讲解事件的绑定与触发二、jQuery中添加事件1.使用bind()方法绑定事件 $("#btn").bind("click",function(event){alert("one");}); 2.添加多播事件委托 $("#btn").bind("click",function(event){alert("one");}); $("#btn").bind("click",
Kimisme·2016-03-24 21:00

jQuery学习——ajax的ajaxStart()与ajaxStop()方法

当项目中较多的运用Ajax时，特别是当有些地方依赖Ajax处理成功后的结果时，需要特别注意，此时ajaxStart()与ajaxStop()就会起到不错的效果ajaxStart()在AJAX请求发送前执行，在发送Ajax请求前，jQuery会检查是否存在其他的Ajax请求，如果不存在，则jQuery会触发ajaxStart()事件语法：.ajaxStart(function(){});ajaxSt
Gong_Chen·2016-03-24 11:00

jQuery学习笔记(4)-设置元素的属性和样式

一、前言本篇主要讲解如何使用jQuery获取和操作元素的属性和css样式二、“DOM属性”与元素属性1.运行一下代码2.分析代码元素属性src：/images/logo_small.gif元素属性class：img_logoDOM属性currentSrc：http://localhost/images/logo_small.gifDOM属性className：img_logo三、操作“DOM属性”
Kimisme·2016-03-20 20:00

jQuery学习笔记(3)-操作jQuery包装集的函数

一、前言在使用jQuery选择器获取到jQuery包装集后，我们就要对这些包装集进行各种操作二、创建新的元素1.使用HTMLDOM创建元素(1)什么是DOM当网页被加载时，浏览器会创建页面的文档对象模型(DocumentObjectModel)(2)使用HTMLDOM创建元素1 2 3varselect=document.createElement("select"); 4select.op
Kimisme·2016-03-19 22:00

jQuery学习笔记(1)-初探

一、jQuery是什么1.jQuery是一套JavaScript脚本库，而不是框架；就好比“System是程序集”是类库，而“ASP.NETMVC”是框架；2.jQuery并不能帮助我们解决脚本引用管理和功能管理，这些都是框架要做的事；3.脚本库能帮助我们完成编码逻辑，实现业务功能二、jQuery有什么特点1.使用功能函数，快速开发2.解决浏览器兼容性问题3.提供各种动画功能，丰富的UI4.纠正错
Kimisme·2016-03-16 19:00

jQuery学习

学过的东西一定要做笔记，否则到头来又得重头看。记下关键点，到时候复习很快就能想起来。1.jQuery简介jQuery是JavaScript的一个库。jQuery凭借简洁的语法和跨平台的兼容性，极大简化了开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax的操作。2.配置jQuery环境其实不用怎么配置它的环境，只需要获得jQuery的最新版本之后引入HTML文档即可。jQuery
foolgry·2016-03-13 20:00

jquery学习文档笔记

1、未见过的事件：focusin跟focus事件区别在于，他可以在父元素上检测子元素获取焦点的情况。focusout跟blur事件区别在于，他可以在父元素上检测子元素失去焦点的情况。2、使用wrapAll方法举例如下原始代码：我们在公司   我们在公司   我们在公司   我们在公司jquery操作：$("p").wrapAll('');输出代码：   我们在公司       我们在公司     
wts_crazy·2016-03-12 21:00

jquery学习笔记--基础介绍

jquery基础介绍学习jquery之前,需要了解html、css、javascript。jquery是javascript的一个库。1)Jquery特性：HTML元素选取、HTML元素操作、CSS操作、HTML事件操作、Javascript特效和动画、HTMLDOM遍历和修改、AJAX、Utilities。2)Jquery库的安装可网络加载，也可下载到本地，如在本地，引用一般放在head中，
mengyang1988·2016-03-09 14:01

jQuery学习记录

jQuery学习记录学习资源慕课网，带交互界面学习，效果不错，强烈推荐。http://www.imooc.com/learn/11w3c，可以用来查看文档。
小六工作室·2016-03-08 12:00

jQuery学习记录

jQuery学习记录学习资源慕课网，带交互界面学习，效果不错，强烈推荐。http://www.imooc.com/learn/11w3c，可以用来查看文档。
lyffly2011·2016-03-08 12:00

前端学习总结（五）jQuery UI

jQuery学习资源（1）很多基本的jQueryUI例子代码：http://www.runoob.com/jqueryui/jqueryui-examples.html
haoshidai·2016-03-05 16:00

[jQuery学习系列六]6-jQuery实际操作小案例

前言最后在这里po上jQuery的几个小案例.Jquery例子1_占位符使用需求:点击第一个按钮后自动去check后面是否有按钮没有选中,如有则提示错误消息. functioncheck() { String.prototype.format=function(){ varargs=arguments; returnthis.replace(/\{(\d+)\}/g, func
一枝花算不算浪漫·2016-03-02 23:00

[jQuery学习系列五 ]5-Jquery学习五-表单验证

前言最近总是有一个感觉，虽然这些东西都自己学习并一个案例一个案例的去验证过了。但是总觉得不写成博客记录下来这些都不是自己的东西(心理作用，哈哈).所以每当学习或者复习相关的知识我都喜欢记录下来，下面开始到jQuery的表单验证。这里的表单验证都是最简单最基础的方式去完成，当然jQuery还有一些比较好的验证框架，这里就不提及了。一，字段验证：1.1字段非空 姓名不能为空！ 姓名：
一枝花算不算浪漫·2016-03-02 23:00

[jQuery学习系列四 ]4-Jquery学习四-事件操作

前言:今天看知乎偶然看到中国有哪些类似于TED的节目,回答中的一些推荐我给记录下来了,顺便也在这里贴一下:一席云集听道推酷青年中国说SELF格致论道参考：http://www.365mini.com/page/tag/jquery-event-methods1,readyready()函数用于在当前文档结构载入完毕后立即执行指定的函数。该函数的作用相当于window.onload事件。2,blin
一枝花算不算浪漫·2016-03-02 23:00

[jQuery学习系列三 ]3-JQuery学习二-字典操作

前言:如果看过了第一篇和第二篇,相信大家会对jQuery有个初步的认识了,对于jQuery的选择器和数组的操作都已经很熟悉了,这一篇就单独罗列jQuery中字典的操作相关的内容.1.数组中添加mapvararr=[]; varkey='Jeremy'; varvalue='!!!!' arr.push({ 'key':key, 'value':value, }); documen
一枝花算不算浪漫·2016-03-02 23:00

[jQuery学习系列二 ]2-JQuery学习二-数组操作

前言上一篇内容已经对于Jquery有了一些认识,包括Jquery的选择器和DOM对象,那么这一篇继续来看下Jquery中很实用的Jquery对于数组的操作.Jquery中对数组的操作大致有以下几种形式:each(迭代),map(转换),grep(筛选),合并等.1,迭代(each)jQuery.each(object,callback)返回值:Object说明:通用例遍方法，可用于例遍对象和数组。
一枝花算不算浪漫·2016-02-28 11:00

[jQuery学习系列一]1-选择器与DOM对象

前言:好久没有更新博客了,最近想复习下之前学过的JS的相关内容,也算是自己的一种总结.知识长时间不用就会忘记,多学多记多用!!下面的程序都可以在下面的网站进行在线调试: http://www.365mini.com/diy.php?f=jquery使用时记得勾选JS库文件,最上面空格写入html代码,下面一个写入JS代码,右上格子添加css代码,如下图: 如果感兴趣的话这里还有几个比较好的在线编辑
一枝花算不算浪漫·2016-02-23 22:00

JQuery学习笔记-1

1、简单的JQuery代码：                    $(document).ready(function(){           //等待DOM元素加载完毕               alert("Hello World!!");           //弹出一个对话框         });    2、JQuery对象和DOM对象（重点）    DOM对象：通过JavaScr
Even_Xu·2016-02-19 21:00

jquery学习之旅

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

jquery学习之旅

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

jquery学习之旅

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

jquery学习之旅

 在jQuery中，css()方法的功能是设置或获取元素的某项样式属性。 $.css("font-weight","bold");  attr()方法的功能是设置或获取元素的某项属性值。 有时需要精确的选择任意多个指定的元素，类似于从文具盒中挑选出多根自已喜欢的笔，就需要调用sele1,sele2,seleN选择器，它的调用格式如下：$("sele1,sele2,seleN");其中参数sele1
Qkorn·2016-02-18 23:00
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他