JQuery学习

jquery学习笔记3——jq HTML

jQuery最常用的部分就是操作DOM，jQuery提供了一系列操作DOM的相关方法，使其很容易；一、获取1、获取内容text()方法设置或返回所选元素的文本内容；html()方法设置或返回所选元素的内容（包括HTML标记）；val()方法设置或返回表单字段的值；获取示例：element.text（）2、获取属性attr()方法用于获取属性值；二、设置1、设置内容text()-设置或返回所选元素的
weixin_30709929·2020-07-29 12:25

jQuery学习笔记之一——jQuery入门与基础核心

因为工作的原因，所以自学了下jQuery，这里以李炎恢老师的教程为自觉教程，并记录学习中遇到的问题。教程下载地址：http://www.verycd.com/topics/2956408/课件下载地址：http://download.csdn.net/download/ip_kv3000/8986013jQuery类库下载地址：http://jquery.com/jQuery入门优势、历史、版本我
weixin_30508309·2020-07-29 12:11

jQuery学习笔记——AJAX

jQuery——AJAX(1).load()方法：$(selector).load(URL,data,callback);如:$("#div1").load("sample.txt",function(responseTxt,statusTxt,xhr){if(statusTxt=="success"){alert("外部内容加载成功!");}elseif(statusTxt=="error"){
weixin_30443895·2020-07-29 11:08

jQuery学习笔记——动画效果

1.show()和hide()，从显示器上以非动画方式使元素立即显示和隐藏，也通过传递参数控制动画速度。toggle()命令用于使元素在显示和隐藏状态之间切换。2.fadeOut()和fadeIn()，则通过调整元素的不透明度最终在显示器里删除元素或展现元素。fadeTo()，以动画的方式表现已包装元素的不透明度的变化，但不会从显示器上删除元素。3.jQuery内建的动画效果通过调整元素的垂直高度
weixin_30466421·2020-07-29 11:08

jQuery学习笔记6——自定义动画方法animate() 二

现在我们使用animate()方法实现一个综合的动画效果。单击后让它向右移动的同时增大它的高度，并且将它的不透明度从100%变换成50%，然后再让它从上到下移动，同时宽度变大，不透明度又从50%变换成100%，当这些效果完成后，再把它的边框变成{borer:5pxsolidbule;}Code自定义动画方法animate()#panel{position:relative;width:100px;
weixin_30420305·2020-07-29 11:07

jQuery学习笔记5——自定义动画方法animate() 一

在jQuery中不但提供了一些简单的动画方法如show(),hide()可以同时修改元素的多个样式高度、宽度和不透明度；fadeOut(),fadeIn()只会修改元素的不透明度；slideDown()，slideUp()只会改变元素的高度。而且提供了一个可以自定义动画的方法animate()方法。animate(parama,speed,callback);1)parama:一个包含样式属性及值
weixin_30379973·2020-07-29 11:04

jQuery学习笔记——jQuery选择器

jQuery选择器之基本选择器jQuery选择器——id选择器$("#id")id选择器也是基本的选择器，jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。原生语法的支持总是非常高效的，所以在操作DOM的获取上，如果能采用id的话尽然考虑用这个选择器。id是唯一的，每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id，将只匹
通往光的路·2020-07-29 11:07

jQuery学习笔记1——入门

前端的东西学起来简单，但是太容易忘了，学习的过程中记录一下，方便复习。1.jQuery是js的库，封装了一些功能，简化了js编程2.需要通过script标签添加jQuery的库3.操作广泛：可以对DOM元素组或者单个DOM节点进行操作；可以操作html的元素；使用xPath选择器对某一类的属性进行操作；也可以修改CSS$(this)对当前元素的操作$("p")对所有段落的操作$(".test")对
dxylilac·2020-07-29 11:09

jQuery学习笔记总结

1绝对定位(abs)与相对定位(relative)区别是相对定位参照自己的位置进行移动(当然需要设置topleft这些生效)并且原来的位置保留着偏移后会把其它的层遮罩住绝对定位就是的参照位置就不像相对那样是自己了至于是哪个就看它的上级或上上级有没有定位了也就是有没有position:relative或position:fixed等吧当要绝对定位的层设好要参照位置的层后就可以用topleft这些来定
技术达人丶小强·2020-07-29 11:30

jQuery学习笔记2——温故+知新

开始之前：http://docs.jquery.com/是jQuery文档的网站，https://jsfiddle.net/是js的在线验证工具。如果你没有html,CSS,js,jQuery基础，请学习它们先。IntroductionWebpagesmadewithHTMLandCSSdisplaystaticcontent.Theydon'trespondtouseractionslikecl
Sonictl·2020-07-29 11:30

jQuery学习笔记1

开始之前：http://docs.jquery.com/是jQuery文档的网站，https://jsfiddle.net/是js的在线验证工具。1.首先复习一下html,css,js三个文件的协同作用html负责内容elements和骨架tags,divcss负责格式样式大小、颜色等js负责动作效果，操作htmlJQuery是一个面向javascript的工具库，基于DOM-DocumentOb
Sonictl·2020-07-29 11:59

jQuery学习笔记

认识jQuery对象认识$符在jQuery库中，$是jQuery的简写形式。例如：$(“#app”)等价于jQuery(“#app”)$.ajax等价于jQuery.ajax这里jQuery是一个顶级对象，所有的函数方法都在这个对象之下，$是它的别名。jQuery对象jQuery对象就是通过jQuery($())包装DOM对象后产生的对象，只有通过jQuery对象才能调用jQuery中的方法。jQ
尚硅谷铁杆粉丝·2020-07-29 11:00

JQuery学习（来自菜鸟教程）

jQueryjQuery语法基础语法：$(*selector*).*action*()美元符号定义jQuery选择符（selector）“查询"和"查找”HTML元素jQuery的action()执行对元素的操作文档就绪事件：所有jQuery函数位于一个documentready函数中$(document).ready(function(){//开始写jQuery代码...});这是为了防止文档在
爱学习的诺诺·2020-07-29 11:39

jQuery学习之路

千万不要害怕学习流行的新的语言，因为这只会让你错失一种取得成功的捷径，语言之所以流行，足以证明它的优越性！jQuery介绍jQuery是一个快速，小巧，功能丰富的JavaScript库。它通过易于使用的API在大量浏览器中运行，使得HTML文档遍历和操作，事件处理，动画和Ajax更加简单。通过多功能性和可扩展性的结合，jQuery改变了数百万人编写JavaScript的方式。——来自官网上的介绍j
zbk_pointer·2020-07-29 11:14

JQuery学习笔记——JQuery常用选择器

这里来总结下JQuery中常用的选择器，以下JQ函数均定义在$(function(){});函数（即JS中window.onload函数中）1.基本选择器基本选择器包括ID选择器、类选择器、元素名称选择器等，使用形式与CSS中添加样式的格式相似$(function(){//ID选择器，选择元素id属性等于"ID"的元素输出"根据id选择"alert($("#ID").val());//类选择器选择
寒天爱玉·2020-07-29 11:04

李炎恢jquery学习笔记

第一部分课程目录1：什么是jquery2：学习jquery的条件3：jquery的版本4：jquery的功能和优势5：其他javascript库6：是否兼容低版本ie7：下载及运行jquery--------------------------------------------------1：什么是jquery1：是一个javascript的库；2：宗旨：用最少的代码完成更加复杂而困难的功能；3
邱家少爷·2020-07-29 11:00

JQuery学习笔记（附md文件下载链接）

百度网盘提取码链接：https://pan.baidu.com/s/1KnjdGEyNa_wE1E7ySuE0DQ提取码：zh5ojQueryjquery:WriteLess,DoMore.框架库和jQuery介绍javaScript框架库:就是一个普通的js文件,封装了很多的函数,封装了很多兼容的代码.jQuery:是javaScript框架库中的一种.好处:可以解决js兼容问题,体积小,链式编
Two-sunny-days·2020-07-29 11:22

jQuery学习笔记

一.一些废话一直做的是后台编码，前端设计还停留在JavaScript的post、get阶段。之前不止一次想系统的看一下jQuery，结果不是因为工作打断，就是因为没找到合适的教程而无心看下去。倒不是说没有好教材，只怪自己看到太过详细或者篇幅太多的教材，就有点发憷。玻璃心啊，玻璃心。。这次无意间搜到的教程是w3School的，每一篇都不多，还有在线案例供大家调试，很适合初学者学习使用。花了几天的时间
oh_Maxy·2020-07-29 10:04

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

$(function(){//等待DOM加载完毕.var$category=$('ulli:gt(5):not(:last)');//获得索引值大于5的品牌集合对象(除最后一条)$category.hide();//隐藏上面获取到的jQuery对象。var$toggleBtn=$('div.showmore>a');//获取“显示全部品牌”按钮$toggleBtn.click(function()
november_chopin·2020-07-29 10:59

jquery学习笔记1——选择器

一、jq选择器是什么：jq选择器是利用jq的核心函数，快速的选择DOM中的元素。jq选择器完全继承了CSS的风格。利用jq选择器，可以非常快捷和快速的找出特定的DOM元素，然后对他们添加相应的行为，而无需担心浏览器是否支持这一选择器。选择器是jq的根基，在jq中，对事件处理，遍历DOM和Ajax都要依靠jq选择器。二、jq选择器的特点：1.简介的写法，相对了js原生使用jq选择器能大大的简化我们的
Gideon丶M·2020-07-29 10:17

jQuery学习笔记——尾声

使用jQuery创建动画效果隐藏和显示hide()//html中，为一个元素调用hide()方法会将该元素的display样式改为none。代码功能同css("display","none");show()//显示注：以上两个函数是瞬间的以上两个方法会同时减少（增大）内容的高度，宽度和不透明度fadeIn(),fadeOut():只改变元素的透明度slideDown(),slideUp()//只会
mgtts·2020-07-29 10:11

jQuery学习笔记——选择器

选择器是jQuery的根基，在jQuery中，对事件处理，遍历DOM和AJAX操作都依赖于选择器jQuery选择器的优点：简洁的写法$("#id")//document.getElementById("id");$("tagName")//document.getElementByTagName("tagName");完善的事件处理机制//若在网页中没有id为"id"的元素，浏览器会报错//doc
mgtts·2020-07-29 10:41

jQuery学习笔记——概述

jquery学习笔记（写的少，做的多）jQuery对象不能使用DOM中的方法，但如果jQuery没有封装想要的方法，不得不使用DOM方法的时候，有如下两种处理方法：1.jQuery对象是一个数组对象，可以通过
mgtts·2020-07-29 10:41

jquery学习笔记——jquery和javascript的区别

这两天重新回顾了下jquery的教材jquery和javascript就好像是python与C的关系（当然说到具体还是有点区别的）jquery是靠着javascript来实现的通过$选择器将所选择的dom（DocumentObjectModel文档对象模型）对象转为jquery对象，这个新的对象是一个类数组对象，里面包含了DOM对象的信息，然后封装了很多操作方法（而这些操作方法很多是基于javas
memoriesaier·2020-07-29 10:08

jquery学习笔记——getJSON无法读取本地json数据的问题

今天在改网页的时候，需要调取本地json文件进行测试一开始用的是在调用的时候没有任何问题。当然，这种做法说白了就是把所有的json文件中的数据都加载到内存中但在数据量庞大的情况下，这种方法显然是不可取的所以想到了用jquery的getjson异步加载$(function(){$.getJSON("test.json",function(data){alert('abc');});});然而，在调用
memoriesaier·2020-07-29 10:08

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

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

jQuery学习笔记——ajax

A$(document).ready(function(){$("#letter-aa").click(function(){$.get("jqueryGet",{"term":$(this).attr('href')},function(data){$("#dictionary").html(data);});alert("test");returnfalse;});});publicclass
iteye_3548·2020-07-29 10:18

jQuery学习笔记——jQuery中的动画animate

jQuery中动画animate(上)有些复杂的动画通过之前学到的几个动画函数是不能够实现，这时候就需要强大的animate方法了操作一个元素执行3秒的淡入动画，对比一下2组动画设置的区别$(elem).fadeOut(3000)$(elem).animate({opacity:0},3000)显而易见，animate方法更加灵活了，可以精确的控制样式属性从而执行动画语法：.animate(pro
追求者2016·2020-07-29 09:36

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

那么，就开始我的JQuery学习之路吧。J
dieyu63251·2020-07-29 09:26

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

JQuery学习笔记——层级选择器上一篇学习了基础的五种选择，分别是id选择器，class选择器，element选择器，*选择器和并列选择器。根据手册大纲，这篇学习的是层级选择器。
dieyu63251·2020-07-29 09:26

Jquery学习笔记——Ajax

Ajax函数详解jQuery提供了几个用于发送Ajax请求的函数.其中最核心也是最复杂的是jQuery.ajax(options),所有的其他Ajax函数都是它的一个简化调用.当我们想要完全控制Ajax时可以使用此结果,否则还是使用简化方法如get,post,load等更加方便.所以jQuery.ajax(options)方法放到最后一个介绍.先来介绍最简单的load方法:1.load(url,[
高新普惠_搬砖手·2020-07-29 09:44

Jquery学习笔记——操作样式

操作类名称类名称只在中定义的.className部分AddClass（names）：names为字符串，包含要添加的类名称removeClass(names)toggleClass(name)；针对包装集中的每个元素判断是否包含类名称(以空格分开)，如果不包含则增加，否则删除类名称。.toggleClass(className,switch):当不存在类名称时，根据switch的值判断是否添加.t
高新普惠_搬砖手·2020-07-29 09:13

Jquery学习笔记——操作包装集

包装实验室：chapter2/lab.wrapped.set.html2.1大小$(‘a’).size()2.2获取元素$(‘a’)[0]获取第一个$(‘a’).index($(‘a#a1’))获取id=a1的a的下标2.3包装集操作添加元素：Add（字符串|元素|数组）。和或选择器相比的好处是，可在一条语句中实现：把粗边框应用到带有alt特性的所有img元素，然后把一定级别的透明度应用到带有al
高新普惠_搬砖手·2020-07-29 09:13

Jquery学习笔记——队列和Data

队列jQuery中的queue和dequeue是一组很有用的方法，他们对于一系列需要按次序运行的函数特别有用。特别animate动画，ajax，以及timeout等需要一定时间的函数queue和dequeue的过程主要是：1，用queue把函数加入队列（通常是函数数组）2，用dequeue将函数数组中的第一个函数取出，并执行(用shift()方法取出并执行）3.使用clearQueue将队列清空也
高新普惠_搬砖手·2020-07-29 09:13

jquery学习笔记

NextPage通过jQuery，您可以选取（查询，query）HTML元素，并对它们执行“操作”（actions）。jQuery语法实例$(this).hide()演示jQueryhide()函数，隐藏当前的HTML元素。$("#test").hide()演示jQueryhide()函数，隐藏id="test"的元素。$("p").hide()演示jQueryhide()函数，隐藏所有元素。$(
絮飘·2020-07-29 09:28

JQuery学习（三）

JQuery学习（三）如何查看JQuery的版本？通过jQuery文件名来查看jQuery的版本其实是不靠谱的做法。
keep creating·2020-07-29 09:15

jQuery学习笔记——事件添加的特性以及方法

jQuery绑定事件的一些特性同一元素相同的后续事件不会覆盖前面的事件事件绑定与解绑同一元素相同的后续事件不会覆盖前面的事件//原生js中,相同元素注册相同的事件,后续的事件会把前面的事件覆盖掉document.getElementById('box').onclick=function(){console.log('js事件1')}document.getElementById('box').o
ReRuol·2020-07-29 09:51

JQuery学习笔记——Ajax全接触：Ajax语法,JSON ,跨域等问题

1、$("div").ajax();$(document).ready(function(){$("#b01").click(function(){htmlobj=$.ajax({url:"/jquery/test1.txt",async:false});$("#myDiv").html(htmlobj.responseText);});});2、JSON与XML对比·json的长度和xml格式比
喵喵酱呀·2020-07-29 09:15

JQuery学习笔记——Ajax

1、Ajax——在不重载全部页面的情况下实现部分页面的更新(异步JavaScript和XML（AsynchronousJavaScriptandXML）)load()方法是简单但强大的AJAX方法。load()方法从服务器加载数据，并把返回的数据放入被选元素中。语法：$(selector).load(URL,data,callback);必须的URL规定需要加载的URL可选的data参数规定与请求
喵喵酱呀·2020-07-29 09:11

jQuery学习笔记——事件相关

jQuery事件发展历程简单事件绑定>>bind事件绑定>>delegate事件绑定>>on事件绑定简单事件绑定简单事件注册click（handler）：单击事件；mouseenter（handler）：鼠标进入事件；mouseleave（handler）：鼠标离开事件；缺点：不能同时注册多个事件bind方式注册事件bind()共有两个参数：①第一个参数：事件类型；②第二个参数：事件处理函数缺点：
LT_LeeTao·2020-07-29 09:33

jQuery 学习笔记

jQuery学习笔记记录学习jQuery过程中的点滴$.on('load',function(){})//添加监听事件$('#load_more').off('click')//移去监听事件，如：加载按钮没有更多数据的时候
十月ooOO·2020-07-29 09:28

前端学习-jQuery学习小笔记（2）——jQ属性样式篇

jQuery.data()静态方法点击看结果jQuery.data.data()实例方法点击看结果.data$('.left').click(function(){varele=$(this);//通过$.data方式设置数据$.data(ele,"a","datatest")$.data(ele,"b",{name:"慕课网"})//通过$.data方式取出数据varreset=$.data(e
Edison_困·2020-07-29 09:08

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

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

HTML——jquery学习笔记+实例+动画效果+表格处理

HTML——jquery学习笔记+实例$("img").hover(function(){alert("鼠标移动到图片上");},function(){alert("鼠标从图片上移出");})})绑定事件解除绑定文档处理
zhangyufeng0126·2020-07-29 09:42

jquery学习笔记

一.keypress,keydown,keyup的区别:1.keydown：在键盘上按下某键时发生,一直按着则会不断触发（opera浏览器除外）,它返回的是键盘代码;2.keypress：在键盘上按下一个按键，并产生一个字符时发生,返回ASCII码。注意:shift、alt、ctrl等键按下并不会产生字符，所以监听无效,换句话说,只有按下能在屏幕上输出字符的按键时keypress事件才会触发。若一
weixin_39214481·2020-07-29 09:17

jQuery学习笔记——动画

jQuery效果——动画animate方法：基础语法：$(selector).animate({params},speed,callback);其中,{params}要定义为如下格式：{left:'250px'}{top:'100px'}之类，综合一起，给出例子：$("#div1").animate({left,'100px'});$("#div1").animate({left,'100px'}
weixin_30765577·2020-07-29 09:37

jquery学习笔记2——jq效果

一、显示隐藏：可以使用show（）和hide（）方法来显示隐藏；$("#hide").click(function(){$("p").hide();})$("#show").click(function(){$("p").show();});可以使用toggle（）方法在show（）方法和hide（）方法中间切换；$("#tog").click(function(){$("p").toggle()
weixin_30655219·2020-07-29 09:37

JQuery学习笔记(3)

jQuery学习$(document).ready(function(){$("p").click(function(){$(this).hide();});});Ifyouclickonme,Iwilldisappear
weixin_30617797·2020-07-29 09:37

jquery学习笔记1

$(function(){})是$(document).ready(function(){})的简写，用来在DOM加载完成之后执行一系列预先定义好的函数。(function(){})();这个可以理解为一个闭包 是一个匿名方法的调用 以保证方法内的变量不与外界冲突,立即执行函数；相当于先申明一个函数，声明完后直接调用；(function($){...})(jQuery)； 等同于下面的写法：var
weixin_30466421·2020-07-29 09:37

JQuery学习笔记

语法：通过选取HTML元素，对他们执行“操作”基础语法：$(selector).action()JQuery入口函数：$(document).ready(functiom(){//JQ代码});JQ的加载比JS快，JQ的加载不存在覆盖问题，加载时顺序执行JQ无法操作JS中的属性和方法选择器：基本上可以选择CSS中的所有选择器，还可以有一些自定义选择器所有选择器都要以：$()开头eg：$("p")表
waectr·2020-07-29 09:36
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他