Jquery学习

jQuery学习笔记——样式基础

jQuery是一套Javascript脚本库，Javascript脚本库类似于.NET的类库,我们将一些工具方法或对象方法封装在类库中,方便用户使用。jQuery是脚本库,而不是脚本框架，"库"不等于"框架",比如"System程序集"是类库,而"ASP.NETMVC"是框架，jQuery并不能帮助我们解决脚本的引用管理和功能管理,这些都是脚本框架要做的事。脚本库能够帮助我们完成编码逻辑,实现业务
通往光的路·2020-07-29 09:34

尚硅谷jQuery学习笔记

文章目录初识jQueryjQuery对象和dom对象的区别基础选择器层级选择器表单选择器jQ基本语法jQ语法的应用全选反选全不选操作jQ的增删改appendTo应用CSS样式jQuery动画jQ动画应用实例jQ事件操作jQ事件`event`对象图片跟随注意初识jQueryjQuery其实就是javascript的一个库，通过引入使用Title//当$()中是个函数的时候相当于win.load加载函
管超龙·2020-07-29 09:57

jQuery学习笔记——Ajax

Ajax什么是Ajaxasyncjavascriptandxml异步的javascript和xml用途：用于浏览器与后台服务进行异步交互（传递信息）特点不会导致页面全局刷新可直接进行与后台的交互。交互需要在“查看元素–>网络”监控使用方式XMLHttpRequest1.1、实例化varxhr=newXMLHttpRequest();1.2、设置请求xhr.open(method,url);//me
無事咕咕·2020-07-29 09:54

笔记：Jquery学习笔记1

1.显示和隐藏切换toggle()函数显示被隐藏的元素，并隐藏已显示的元素toggle(speed,callback);//参数可选可选的speed参数规定隐藏/显示的速度，可以取以下值：“slow”、“fast”或毫秒。可选的callback参数是隐藏或显示完成后所执行的函数名称。$("button").click(function(){$("p").toggle();});2.显示隐藏函数$(
Lz先生·2020-07-29 09:22

Jquery学习笔记

jQuery是一个JavaScript函数库。jQuery库包含以下特性：HTML元素选取HTML元素操作CSS操作HTML事件函数JavaScript特效和动画HTMLDOM遍历和修改AJAXUtilities1、JQuery教程：---JQuery语法：语法示例：$(this).hide()-隐藏当前元素$("p").hide()-隐藏所有段落$(".test").hide()-隐藏所有cla
-昔日·2020-07-29 09:40

jQuery学习笔记——视频展示效果示例

$(function(){varpage=1;vari=4;//每版放4个图片//向后按钮$("span.next").click(function(){//绑定click事件var$parent=$(this).parents("div.v_show");//根据当前点击元素获取到父元素var$v_show=$parent.find("div.v_content_list");//寻找到“视频内
november_chopin·2020-07-29 09:07

Jquery学习笔记——动画

参考资料chapter5/lab.effects.htmljQuery允许对象呈现某些特殊效果。$('h1').show();//展现一个h1标题。其中可选参数为speed和callBack，speed可以为(String,Number):String是三种预定速度之一的字符串("slow","normal",or"fast")或表示动画时长的毫秒数值(如：1000)，callback(Funct
高新普惠_搬砖手·2020-07-29 08:16

Jquery学习笔记——自定义事件

作用：为了在模块之间解耦合(地球人都知道！)基本结构被触发端：obj.bind('自定义事件名称','传入的数据',处理函数)触发端：触发对象.click(function(event){找到被触发端对象.trigger(‘自定义事件名称’,'传递的数据')如：$(document).bind('myCustomEvent',{foo:'bar'},function(e,arg1,arg2){co
高新普惠_搬砖手·2020-07-29 08:16

Jquery学习笔记——代码组织

核心原则：按功能组织你的代码：模块，服务等无代码重复，使用inheritance解决松耦合，代码之间通过customevent，pub/sub完成消息传递封装：使用对象进行封装的好处是：解决消除匿名函数，以配置参数为中心，更方便去重构和重用。比如对事件处理函数，定义为_开头的函数，隐含其为工具函数或私有函数，一个简单的实例：varmyFeature={myProperty:'hello',myMe
高新普惠_搬砖手·2020-07-29 08:16

Jquery学习笔记——事件

Jquery事件模型绑定事件Bind（eventType，data，listener）：eventType类型可以添加命名空间的后缀；data可以作为Event实例的data属性，可省略；listener的参数是Event对象，如：$(‘2’).bind(‘click.editMode’,function1):$(‘1’).bind(‘click.editMode’,function2)通过将这些
高新普惠_搬砖手·2020-07-29 08:16

jQuery学习笔记

jQuery的优势：1.轻量级(70k左右)2.强大的选择器3.出色的DOM操作封装4.完善的事件和事件对象兼容机制5.完善的ajax6.不污染全局变量($可随时交出控制权)7.出色的浏览器兼容8.方便的链式操作9.隐式迭代(一般情况下不需要for循环遍历dom对象)10.完善的文档(官方文档相当完备，官方blog每次更新都会有详细说明)11.丰富的插件jQuery的不足：1.不能向下兼容2.插件
猿球崛起3·2020-07-29 08:39

jQuery学习笔记——图片突出效果实例

效果：鼠标停留在图片上，对应图片高亮，其他图片变暗鼠标离开盒子，所有图片变暗代码：JQurey*{padding:0;margin:0;}ul{list-style:none;}#box{overflow:hidden;margin:100pxauto;width:940px;padding-left:10px;padding-top:10px;border:1pxsolid#fff;}img{f
Ankry果冻·2020-07-29 08:52

jQuery学习笔记——简易五角星评分实例

效果：//需求1：鼠标移动进去，前面的星星就会有颜色//需求2：鼠标移出去，所有的星星没有颜色//需求3：鼠标点击星星，前面的星星全部有颜色Document*{margin:0;padding:0;}ul{list-style:none;}li{float:left;font-size:40px;margin-right:5px;}span{display:inline-block;margin-
Ankry果冻·2020-07-29 08:52

jQuery学习笔记——表格全选反选功能实例

效果：点击最上面的全选按钮，下面4个checkbox被选中下面四个按钮都选了则上面的全选按钮自动选上，下面只有一个没选，全选按钮都不选代码：表格全选反选*{padding:0;margin:0;}table{width:300px;border-collapse:collapse;border:1pxsolid#666666;}thead{width:300px;height:50px;color
Ankry果冻·2020-07-29 08:52

jQuery学习笔记——自定义动画animate（）详细举例

效果：点击按钮，正方体从左left=0移动到left=800，高度不断增加到达800后缩小返回Document.wrapper{width:500px;height:300px;margin:100pxauto;}ul{list-style:none;}#div1{width:200px;height:200px;position:relative;left:0;background-color:
Ankry果冻·2020-07-29 08:52

JQuery学习笔记整理：工具类

jQuery还提供了很多辅助工具方法，使用这些方法可以很方便的进行操作js代码逻辑。使用方法会在后面一一给出例子：each() 用于遍历指定的对象和数组，并以对象的每个属性(或数组的每个成员)作为上下文来遍历执行指定的函数。map() 用于使用指定函数处理数组中的每个元素(或对象的每个属性)，并将处理结果封装为新的数组返回。boxModel 检测当前页面中浏览器是否使用标准盒模型渲染页面（从1.8
front_end_fan·2020-07-29 05:27

jQuery学习之选择器

jquery就是简化了的javascript，安装aptana插件，可以使得在写javascript代码时，具有提示，报错等功能，然后写代码爽歪歪。1.引入JQURY直接将jqury核心js文件加入到工程,一般放置在web应用的非WEB-INF文件夹.在html页面中使用引入就可以在这个页面中使用jqury了jquery对象通过在包装dom对象得到：$(dom对象)约定：如果获取的是jQuery对
Oterman001·2020-07-29 05:29

jQuery学习大总结(四)jQuery事件

前三篇总结了jQuery的一些基础，有jQuery对象的介绍、jQuery操作css样式和jQuery操作元素。今天总结一下jQuery事件，这是比较重要的一块，希望本次总结能帮助到很多同我一样的新手。首先，我们来看一个有用的实例，来加深以前所掌握的知识，其中有些是在前边出现过的。jQuery(document).ready(function(){jQuery("#btnHide").click(
zhangkun4884·2020-07-29 02:59

jQuery学习使用和源码解读

最近更新时间：2018年5月22日10:32:39《我的博客地图》最近思想沦陷，成为抖音重度用户，自娱自乐，悠哉乐哉。对于前端同学而言，JavaScript函数库jQuery并不陌生，但有多少人能达到熟知和精通？可能大部分人知而不精，因为我目前就是这个层次，因此，花费大量时间来重新学习。本文主要讨论以下几个方面的问题，关键字：使用，版本，源码，函数。1、使用a.静态文件常规使用方法，在项目中使用静
万少博·2020-07-28 15:59

JavaScript常用的数据结构和算法 ——封装栈类

之前看jQuery学习了一些常用的方法，操作dom元素、事件、动画效果、ajax等，总感觉自己只是了解了表面，想深入呢，也不知道怎么去深入。哎，又有点小无措的感觉了。
爱前端的程序媛·2020-07-28 09:00

【jQuery学习笔记-----DOM---删除元素】

DOM---删除元素jQuery支持两种删除元素的方法：remove()和empty()，而DOM仅定义了与jQuery的remove()方法对应的removeChild()方法jQuery实现remove()从DOM中删除所有匹配的元素。empty()删除匹配的元素集合中所有的子节点remove()方法能够删除匹配的元素，并返回这个被删除的元素，因此在特定条件下该方法的功能可以使用jQuery的
不一样的水果·2020-07-28 04:18

【jQuery学习笔记---------DOM操作复制元素】

DOM操作复制元素jQuery定义了clone()方法用来复制节点，与之对应DOM定义了cloneNode()方法实现相同的操作功能。jQuery实现jQuery的clone方法能够复制匹配的DOM元素并且选中这些复制的副本。在下面的示例中，当单击段落文本时，页面将复制div元素及其包含的所有属性和子节点，然后将它们添加到div元素的后面，如下：段落文本$(function(){$(“div”).
不一样的水果·2020-07-28 04:18

jQuery学习　五　jQuery Ajax

jQuery学习五jQueryAjax五jQueryAjaxAJAX是与服务器交换数据的技术，它在不重载全部页面的情况下，实现了对部分网页的更新。
火影忍者-宇智波鼬·2020-07-16 05:55

jQuery学习总结（一）

jQuery学习完了，但是感觉知识点很杂，想JavaScript一样，所以还是总结一下比较好。1、DOCTYPE在每次的html页面前都会有这样一句话，那么它有什么作用呢？
许小乖·2020-07-15 10:24

jQuery学习总结1

一、下载集CDN引入1.1、官方下载地址：http://jQuery.com/download/jq自2.0版本开始，不再支持IE9一下浏览器；自3.0版本开始，针对移动端做了优化处理；引入1.2、CDN加速如果将我们的代码放在各大城市，根据用户所在地去距离用户最近的地方下载，那么我们网站的打开速度将会大大提升，这就是所谓的CDN加速的基本原理；http://www.bootcdn.cnhttp:
idjl·2020-07-15 00:26

jQuery 学习笔记-雷云龙

jQuery学习笔记一、jQueryjQuery是一款优秀的js库，jQuery主要是用来查询，jQuery=JavaScript+Query版本区别：1x:支持IE6782x:不支持IE678，只维护
猫腻0303·2020-07-14 21:11

jQuery学习总结

一、jQuery选择器jQuery元素选择器jQuery使用CSS选择器来选取HTML元素。$("p")选取元素。$("p.intro")选取所有class="intro"的元素。$("#demo")选取所有id="demo"的元素。$(this)选取当前的html元素（关于this与$(this）的区别下面会讲）更多的选择器示例，请访问jQuery选择器参考手册。二、jQuery语法基础语法是：
hw_strive·2020-07-14 19:49

【jQuery学习笔记----AJAX之javascript角度】

AJAX----javascript角度Ajax应用的核心是XMLHTTPRepuest对象，它是实现异步通信技术的关键。该对象最早是在IE5.0版本浏览器的ActiveX组件中被引入的，之后其他主流浏览器也内置了XMLHTTPRequest对象，虽然各大浏览器实现的方式不同，但是它们都保留了相同的属性、方法和用法。在系统深入学习之前，JQuery实现我们先看一个简单的jQuery实例$(func
不一样的水果·2020-07-14 01:36

网页开发和设计之JQuery基础

JQuery学习JQuery基础相关代码演示总结JQuery基础全称：Javascriptquery也是一个js的框架特点：语法简单支持主流浏览器插件扩展机制和丰富的插件引入jquery文件jquery
水 瓶 座·2020-07-13 11:13

仿写一个简单的jQuery（学习笔记）

jQuery学习笔记：functionmyAddEvent(obj,sEv,fn){if(obj.attachEvent){obj.attachEvent('on'+sEv,function(){if(
Night_Emperor·2020-07-13 01:22

jQuery学习笔记一——jQuery中与JavaScript的语法区别

一、jQuery与DOM必须分清的几个知识点1.window.onload与$(documnet).ready()的区别window.onload只能调用一次，必须等待网页中所有内容加载完毕后才能执行window.onload=fuction(){alert("test");};window.onload=fuction(){alert("test2");};只能输出一个test信息的提示框而Jq
向着阳光奔跑的少年·2020-07-12 22:06

菜鸟的jquery学习记录 （一） 对form输入框的必填校验

跟着项目做了一个小功能，自己不会js和jquery，硬着头皮写起了js，后来发现需要对输入框进行数据必填项校验，还有一些数据格式校验等，后来别人看了我写的一大堆js就笑了，告诉我用jquery的插件就可以了，直接拿过来使用就好，于是就自己写了一个简单的校验，对于jqvalidate网络上有很多的资源可以去查，在这里不赘述，闲话少叙，上代码jquery校验学习$(document).ready(fu
懒猫的世界·2020-07-12 00:26

JQuery学习笔记

html的（）,.文本（）和.VAL（）的差异总结：html的（）,.文本（）,.VAL（）三种方法都是用来读取选定元素的内容;只不过html的（）是用来读取元素的HTML内容（包括HTML标签），的.text（）用来读取元素的纯文本内容，包括其后代元素，.VAL（）是用来读取表单元素的“价值”的值。其中的.html（）和的.text（）方法不能使用在表单元素上，而.VAL（）只能使用在表单元素上
Feng继续吹·2020-07-11 15:57

jQuery学习之：Validation表单验证插件

最近由于公司决定使用AJAX+Struts2来重构项目，让我仔细研究一下这两个，然后集中给同事讲讲，让每个人都能够有所掌握，慢慢会用。于是，自己便开始学习……由于Struts2自己早就学过，因而不需要花多少时间。而AJAX之前没怎么用过。现在AJAX框架如此之多，选择哪一个呢？开始打算选择dojo，但是看了一点后，发现蛮复杂的。在之前有学过一点点jQuery，而网上也说jQuery很强大而且很容易
polaris1119·2020-07-10 15:47

jQuery学习笔记（一）

整体上看是这个样子，传入window对象，执行匿名函数(function(window,undefined){......window.jQuery=window.$=jQuery;})(window);当jQuery内部频繁访问window对象时，作为参数传人的window对象，此时就不需要回退作用域链就可以快速访问到，另外，在代码压缩时能也够得到进一步的优化(function(a,undefi
江枫·2020-07-09 19:09

jQuery学习笔记

1.通过CDN(内容分发网络)引用jQueryBaiduCDN:2.jQuery语法$(selector).action()$定义jQuery;selector选择符,查找html元素;action对元素的操作3.$(this).hide()-隐藏当前元素$("p").hide()-隐藏所有元素$("p.test").hide()-隐藏所有class="test"的元素$("#test").hid
wangzaiplus·2020-07-09 08:48

JQuery笔记

JQUERY学习重点:1.熟练背诵JQUERY[选择器和过滤器]语法2.熟练掌握【JQUERY对象】提供【功能函数】二。jquery学习方式1.一天理论介绍2.分段提供jquery练习内容三。
Li某_初学者·2020-07-08 23:40

jQuery学习笔记(7)--动画实现

JavaScript实现动画的原理：以固定的时间间隔，修改DOM元素的CSS样式。show()和hide()从左上角逐渐展开或收缩的hide()执行时候相当于添加了display:none这个css样式，show的时候去掉了如果添加了时间后，就是在慢慢修改对应的width和height直到为0，然后再变成display:none,最后再把width和height变成原来的值我不见啦vardiv=$
azraelxuemo·2020-07-07 03:44

jQuery is() 方法

点击一下获取jQuery学习网站：jquery的学习网站：前端的代码：菜鸟教程(runoob.com)$(document).ready(function(){$("p").click(function
陌上花语·2020-07-06 20:51

jQuery学习笔记(6)--事件处理

JavaScript在浏览器中以单线程模式运行，页面加载后，一旦页面上所有的JavaScript代码被执行完后，就只能依赖触发事件来执行JavaScript代码浏览器在接收到用户的鼠标或键盘输入后，会自动在对应的DOM节点上触发相应的事件。如果该节点已经绑定了对应的JavaScript处理函数，该函数就会自动调用。点我试试这个页面上会有一个超链接，我们用jQuery这样绑定一个click事件,需要
azraelxuemo·2020-07-06 16:02

jQuery学习

1.jQuery的优势？对Ajax进行封装，支持css3，丰富的UI.2.jQuery的引入？3.选择器分类？基础选择器$("*"):所有元素$(".xx"):类选择器（class="xx"）$("#xx"):id选择器（id="xx"）$("div"):元素选择器属性选择器1)$("[href]")选取所有带有href属性的元素。$("[href='#']")选取所有带有href值等于"#"的元
小酷哥·2020-07-06 15:18

JQuery学习

学习js遇到的痛点:1.window.onload事件只能出现一次，如果出现多次，后面的事件会覆盖掉前面的事件2.代码容错性差3.有很多浏览器兼容问题4.简单功能实现起来很麻烦：比如渐变的动画效果JQuery的入口函数//jquery的入口函数。1.文档加载完毕，图片不加载的时候就可以执行这个函数。$(document).ready(function(){})//jquery的入口函数。2.文档加
流星大石头·2020-07-06 14:20

jQuery学习笔记（正则）

jQuery中使用了大量的正则表达式，这些正则汇聚了作者的智慧,值得细心琢磨.url分割下面这个正则用来解析url，使用它可以获取url中的各个部分(protocol,host,port)rurl=/^([\w.+-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/涉及的知识点：^匹配一个输入或一行的开头,例如/^a/匹配"an"不匹配"An"，如果设置了Multiline属
江枫·2020-07-04 18:02

jQuery学习笔记--JqGrid相关操作 方法列表 备忘

文章转载：http://blog.csdn.net/jpr1990/article/details/6891115怎样获取某一方某一列的值:varrowdata=jQuery("#list").jqGrid('getRowData',num);varemergencySencondMgrId=rowdata["emergencySencondMgrId"];//列名和jGrid定义时候的值一样al
chenxuejiakaren·2020-07-04 13:38

JQuery学习二： DOM操作

一.节点的操作1.查找节点：var$var_1=$("htmltype");//这句话就是获取所有htmltype节点如：var$ul_1=$("ul");2.创建并追加节点：创建节点：常见的就是直接把这个节点的结构给通过HTML标记字符串描述出来，通过$()函数处理，var$var_1=$("");//这句话是创建一个节点$("htmltype2").append($var_1);//这句话是把
灵熙兔·2020-07-02 17:52

jQuery学习之：jqGrid表格插件——从Struts2获得数据

之前谈到了jqGrid与Serlvet/JSP集成，实际上就是Servlet按jqGrid对数据的要求返回相应的数据，Servlet中是通过PrintWriter输出数据的，那时，我们用到了json-lib来构建Json数据。现在来谈谈jqGrid如何与Struts2集成。对于Struts2，同样需要按jqGrid的要求返回相应的json数据格式。当然，我们可以在Struts2的Action中通过
polaris1119·2020-07-02 14:17

jQuery学习之：jqGrid表格插件——第一个Demo

应用中经常会遇到向用户展示信息的情况。我们可以自己通过标签来实现。在此介绍另一种方法：通过jQuery的插件来实现信息的展示以及对数据的操作等功能。在网上，关于jQuery的表格插件有不少。其中有几款做的很好，比如：flexiGrid和jqGrid。不过flexGrid网上的资料很少，官方文档不全。而jqGrid的官方文档却相当的全面。官方文档网址：http://www.trirand.com/j
polaris1119·2020-07-02 14:16

jQuery学习之：jqGrid表格插件——从servlet获得数据

在我的jqGrid第一个demo中，没有涉及到任何与服务端的交互：数据是从自己定义的一个固定数组中得到的。当然，实际应用中不可能会这么做。在jqGrid官方网站上提供的demo，服务器端全部是PHP，在网上找了很久，也没有找到写的完整详细的从JSP/Servlet获得数据的例子。下面是我写的一个从Servlet获得数据的例子，希望对初学者有点帮助。jqGrid支持的好几种数据类型，现在使用比较多的
polaris1119·2020-07-02 14:16

jQuery学习之：Datepicker日期选择插件

在Web开发中，总会遇到需要用户输入日期的情况。一般都是提供一个text类型的input供用户输入日期。然而，这种方式，开发人员必须对用户输入的日期进行验证，判断其合法性。除此之外，用户输入日期也是一件不爽的事，如果用户可以直接选择日期，这两个问题都解决了。听起来很不错。实际上，很多开发者都是这么做的。我们可以自己用javascript写一个日期选择控件，然而，想要写的很好、很漂亮却需要花不少时间
polaris1119·2020-07-02 14:45

jQuery学习之：jqGrid表格插件——参数配置

由于jqGrid功能强大，配置比较复杂，在第一个例子中，对于jqGrid的配置参数没有进行什么解释。从现在开始，会陆续介绍jqGrid的参数。这些参数的详细介绍请查看官方文档。由于本人英语水平有限，翻译不好，请多原谅。（为了保证连贯性，翻译时引用了http://a3mao.javaeye.com，在此感谢。但在他的基础上增加了一些内容。）a3mao永久域名http://a3mao.javaeye.
polaris1119·2020-07-02 14:45
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他