jQuery
codingXT
菜鸡一枚,请多指教。
展开
-
jQuery和JavaScript的区别
jQuery是JavaScript的程序库之一利用jQuery制作交互特效的语法会相对JavaScript而言更为简单,代码量大大减少了。jQuery不存在浏览器兼容性问题,for instance:用JavaScript获取id为“title”的元素,在IE中,可以使用eval(“title”)或getElementById(“title”)来获取,但是eval(“title”)在火狐浏览器...原创 2019-01-25 17:32:01 · 5829 阅读 · 0 评论 -
过滤选择器
过滤选择器过滤选择器主要是通过特定的过滤规则来筛选出所需的 DOM元素,该选择器都以“:”开头按照不同的过滤规则,过滤选择器可以分为基本过滤,内容过滤,可见性过滤,属性过滤,子元素过滤和表单对象属性过滤选择器.基本过滤选择器基本过滤选择器示例改变第一个 div元素的背景色为 # bbffaa改变最后一个 div元素的背景色为 # bbffaa改变class...转载 2019-01-28 17:39:00 · 6050 阅读 · 0 评论 -
jQuery事件——window,鼠标,键盘,表单,绑定与移除,复合事件
众所周知,页面被加载时,会触发load事件,事件在元素对象与功能代码中起着重要的桥梁作用。事件分类:简单事件复合事件复合事件是截取组合了用户操作,并且以多个函数作为响应而自定义的处理程序。简单事件:window事件鼠标事件键盘事件表单事件window事件:当用户执行某些会影响浏览器的操作时,而触发的事件。for instance:打开网页时加载页面,关闭窗口,调节窗口大...原创 2019-01-28 19:35:28 · 6467 阅读 · 0 评论 -
jQuery中的DOM操作
jQuery中的DOM操作样式操作内容操作(即文本和value属性值操作)节点操作(包括属性操作;节点遍历;CSS-DOM操作)以这个作为示例<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd...原创 2019-01-29 16:44:57 · 5659 阅读 · 0 评论 -
认识ajax
随着互联网的广泛应用,基于B/S结构的Web应用程序越来越受到推崇,但不可否认的是,B/S架构的应用程序在界面效果及操控性方面比C/S架构的应用程序差很多,这也是Wb应用程序普遍存在的一个问题。在传统的 Web应用中,每次请求服务器都会生成新的页面,用户在提交请求后,总是要等待服务器的响应。如果前一个请求没有得到响应,则后一个请求就不能发送。 由于这是一种独占式的请求,因此如果服务器响应没有结束...原创 2019-02-06 15:58:23 · 6059 阅读 · 0 评论 -
jQuery中的ajax
jQuery提供了很多封装ajax的方法,通过这些方法,可以使用get或post从服务器远端请求文本,HTML,xml或JSON等形式的数据,同时可以进行信息筛选,获得你想要的数据。方法说明ajax()执行一个异步HTTP(Ajax)请求get()通过HTTP GET 请求从服务器加载数据post()通过HTTP POST 请求从服务器加载数据load...原创 2019-02-07 12:26:50 · 5790 阅读 · 0 评论 -
认识JSON
JSON(JavaScript object notation)是一种轻量级的文本数据交换格式。它基于JavaScript,采用完全独立于语言的文本格式。JSON通常用来在客户端和服务器之间传递数据,在ajax出现之初,客户端脚本和服务器之间传递数据用XML,但XML难以解析,体积也比较大,后来出现了JSON,他比XML更小,更快,更容易解析。定义JSON对象语法如下var JSON 对象={...原创 2019-02-07 13:32:23 · 5823 阅读 · 0 评论 -
使用Ajax和JSON实现轮播特效
Ajax获取JSON数据并解析,JSON文件中存储着轮换显示的图片路径,超链接,标题。$.ajax({ type:"post", url:"js/json.js", async:false, success"function(data){ for(var i=0;i<data.length;i++){ ...原创 2019-02-07 13:49:10 · 8178 阅读 · 4 评论 -
实现游戏弹出说明框功能
关键代码var gameDialog=$(".gameDialog"); //弹出框对象var shadowBox=$(".shadow"); //黑色背景弹出层对象//如果弹出框不存在,在页面添加if(!gameDialog.get(0)){ //创建弹出框 gameDialog=$('<div class ="gameDialog">&...原创 2019-02-08 17:12:18 · 6172 阅读 · 0 评论 -
jQuery选择器之属性选择器
转载:https://blog.csdn.net/linshichen/article/details/51576461 第一种根据属性选择E[attr]$("[title]").click()..........即选择所有元素内 属性带有title的元素即&lt;li class="aaaa" title="转载 2019-01-28 17:31:37 · 5900 阅读 · 0 评论 -
jQuery选择器之层级选择器
若要通过DOM 元素之间的层次关系来获取元素,如后代元素,子元素,相邻元素和同辈元素,使用jQuery的层次选择器将会是最佳选择。jQuery层次选择器和CSS的层次选择器相同,他们都是根据获取元素与其父元素,子元素,兄弟元素等的关系而构成的选择器。jQuery中有四种层次选择器:后代选择器子选择器相邻元素选择器同辈元素选择器最常用的是后代和子选择器。名称描述返回值...原创 2019-01-28 17:24:44 · 8187 阅读 · 0 评论 -
jQuery的用途和优势
jQuery的用途:一. 访问和操作DOM元素利用jQuery可以方便地获取和修改页面中的指定元素,如:添加,删除商品,留言,个人信息等。二. 控制页面样式用jQuery可以很便捷地控制页面的CSS文件,用jQuery操作页面的样式可以很好地兼容各种浏览器,比如:微博,博客,邮箱等的换肤功能。三 . 对页面事件的处理引入jQuery后,可以使页面的表现层与功能开发分离,开发者更多地...原创 2019-01-25 19:48:18 · 8534 阅读 · 0 评论 -
DOM以及常见操作
什么是DOM?DOM是HTML文档对象模型(HTML)定义的一套标准方法,用来访问和操作HTML文档。DOM是以树状结构组织HTML文档的,根据DOM,HTML每个标签或元素都是一个节点整个文档是一个文档节点每个HTML标签都是一个元素节点包含在HTML元素中的文本都是文本节点每一个HTML属性都是一个属性节点注释属于注释节点当网页被加载时,浏览器会自动创建页面的文档对象模型...原创 2019-01-25 21:21:22 · 5700 阅读 · 0 评论 -
jQuery语法结构以及读取设置CSS属性值,移除CSS样式
$(document).ready(...);这条jQuery语句主要包含三大部分:$(),document和ready(),这三大部分在jQuery中分别被称为工厂函数,选择器和方法,将其语法化后,结构如下:$(selector).action();(1)工厂函数 $()在jQuery中,美元符号等价于jQuery,即:$()=jQuery()$()符号的作用是将DOM对象...原创 2019-01-27 13:17:12 · 5939 阅读 · 0 评论 -
jQuery特效动画
jQuery提供了很多动画效果:控制元素显示与隐藏控制元素淡入和淡出控制元素滑动自定义动画一. 控制元素显示和隐藏以前可以通过css()方法改变元素的display属性的值达到显示(block)和隐藏(none)元素的目的。在jQuery中,提供了专门的方法控制元素的显示和隐藏,并且增加了动画效果。show()等同于$(selector).css("display","bloc...原创 2019-02-01 15:54:49 · 5921 阅读 · 0 评论 -
jQuery对象和DOM对象的转换
jQuery对象:通过jQuery包装DOM对象后产生的对象。注意:jQuery对象无法使用DOM对象的任何方法,同理,DOM对象也无法使用jQuery对象的任何方法。所以涉及到转换:其中DOM对象也包含了一些jQuery对象没有包含的成员,但总体来说,jQuery对象要丰富得多。如果获取的对象是jQuery对象,在变量前加上$var $variable=jQuery 对象;获取的是...原创 2019-01-28 11:54:47 · 7384 阅读 · 0 评论 -
jQuery选择器优势和分类
选择器是jQuery的核心之一,jQuery沿用了CSS选择器获取元素的功能,使得开发者能够在DOM中快捷且轻松地获取元素及其集合,并通过所操作的对象与用户或浏览器进行各种信息交互。选择器是jQuery的基础,在jQuery中,对事件处理,遍历DOM和Ajax操作都依赖于选择器,熟练的使用选择器,可以简化代码。jQuery选择器:CSS选择器条件过滤CSS选择器:基本选择器层次...原创 2019-01-28 12:29:32 · 7124 阅读 · 0 评论 -
用jQuery实现表单验证
转载自:https://www.cnblogs.com/hellowzl/p/5612122.html——选自《锋利的jQuery》(第2版)第5章的例题5.1.5 表单验证表单(form)作为 HTML 最重要的一个组成部分,几乎在每个网页上都有体现,例如用户提交信息、用户反馈信息和用户查询信息等,因此它是网站管理者与浏览者之间沟通的桥梁。在表单中,表单验证的作用也是非常重要的,它能使表单...转载 2019-02-02 16:18:43 · 6916 阅读 · 0 评论 -
jQuery选择器之基本选择器
首先看什么是jQuery基本选择器。jQuery 基本选择器与CSS基本选择器相同,它维承了CSS选择器的语法和功能,主要由元素标签名、class、 id 和多个选择器组成,通过基本选择器可以实现大多数页面无素的查找,基本选择器主要包括标签选择器、类选择器、ID选择器、并集选择器、交集选择器和全局选择器。这类选择器 也是jQuery中使用频卓最高的名称描述返回值示例标签...原创 2019-01-28 16:22:18 · 5855 阅读 · 0 评论 -
英雄难过棍子关(课本案例)
一.主界面静态页面1.1用HTML标签排版&lt;!doctype html&gt;&lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;英雄难过原创 2019-02-08 21:57:12 · 10850 阅读 · 7 评论