2017年03月_iteye_5722

jquery内容过滤器

一介绍内容过滤器就是通过DOM元素包含的文本内容以及是否含有匹配的元素进行筛选。内容过滤器共包括:contains(text)、:empty、:has(selector)和:parent4种，如下表所示。过滤器说明示例contains(text)匹配包含给定文本的元素$("li:contains('DOM')") //匹配含有“DOM”文本...

2017-03-31 19:31:51 105

jquery简单过滤器

一介绍简单过滤器是指以冒号开头，通常用于实现简单过滤效果的过滤器。例如，匹配找到的第一个元素等。jQuery提供的过滤器下表所示。过滤器说明示例:first匹配找到的第一个元素，它是与选择器结合使用的$("tr:first") //匹配表格的第一行:last匹配找到的最后一个元素，它是与选择器结合使用的$("tr:l...

2017-03-31 19:22:28 248

隔行换色并且鼠标指向行变色的表格

一应用对于一些清单型数据，通常是利用表格展示到页面中。如果数据比较多，很容易看串行。这时，可以为表格添加隔行换色并且鼠标指向行变色功能。二代码<script language="javascript" src="JS/jquery-3.1.1.min.js"></script><style type="text/css">ta..

2017-03-30 21:04:38 267

jQuery的prev~siblings选择器

一介绍prev~siblings选择器用于匹配prev元素之后的所有siblings元素。其中，prev和siblings是两个相同辈元素。prev~siblings选择器的使用方法如下：$("prev~siblings");prev是指任何有效的选择器。siblings是一个有效选择器并紧接着prev选择器。例如，要匹配div元素的同辈元素ul，可以使用下面的jQue...

2017-03-30 21:02:10 286

JQuery的prev + next选择器

一介绍prev + next选择器用于匹配所有紧接在prev元素后的next元素。其中，prev和next是两个相同级别的元素。prev + next选择器的使用方法如下： $("prev + next");prev是指任何有效的选择器。next是一个有效选择器并紧接着prev选择器。例如，要匹配<div>标记后的<img>标记，可以使用下面的j...

2017-03-29 20:11:37 517

jQuery的parent > child选择器

一介绍parent > child选择器中的parent代表父元素，child代表子元素，用于在给定的父元素下匹配所有的子元素。使用该选择器只能选择父元素的直接子元素。parent > child选择器的使用方法如下：$("parent > child");parent是指任何有效的选择器。child是用以匹配元素的选择器，并且它是匹配元素的选择器，并且它...

2017-03-29 20:08:52 420

jQuery ancestor descendan选择器

一介绍ancestor descendan选择器中的ancestor代表祖先，descendant代表子孙，用于在给定的祖先元素下匹配所有的后代元素。ancestor descendan选择器的使用方法如下： $("ancestor descendant");ancestor是指任何有效的选择器。descendant是用以匹配元素的选择器，并且它是ancestor所指定元素...

2017-03-28 21:25:20 193

jQuery复合选择器

一介绍复合选择器将多个选择器（可以是ID选择器、元素选择或是类名选择器）组合在一起，两个选择器之间以逗号“，”分隔，只要符合其中的任何一个筛选条件就会被匹配，返回的是一个集合形式的jQuery包装集，利用jQuery索引器可以取得集合中的jQuery对象。多种匹配条件的选择器并不是匹配同时满足这几个选择器的匹配条件的元素，而是将每个选择器匹配的元素合并后一起返回。复合选择器的使用方...

2017-03-28 21:22:12 353

jQuery类名选择器（.class）

一介绍类名选择器是通过元素拥有的CSS类的名称查找匹配的DOM元素。在一个页面中，一个元素可以有多个CSS类，一个CSS类又可以匹配多个元素，如果有元素中有一个匹配的类的名称就可以被类名选择器选取到。类名选择器很好理解，在大学的时候大部分人一定都选过课，可以把CSS类名理解为课程名称，元素理解成学生，学生可以选择多门课程，而一门课程又可以被多名学生所选择。CSS类与元素的关系既...

2017-03-27 20:54:49 761

jQuery元素选择器（element）

一介绍元素选择器是根据元素名称匹配相应的元素。通俗的讲元素选择器指向的是DOM元素的标记名，也就是说元素选择器是根据元素的标记名选择的。可以把元素的标记名理解成学生的姓名，在一个学校中可能有多个姓名为“刘伟”的学生，但是姓名为“吴语”的学生也许只有一个，所以通过元素选择器匹配到的元素可能有多个，也可能是一个。多数情况下，元素选择器匹配的是一组元素。元素选择器的使用方法如下：...

2017-03-27 20:52:10 225

jQuery的ID选择器

基本选择器在实际应用中比较广泛，建议重点掌握jQuery的基本选择器，它是其他类型选择器的基础，基础选择器是jQuery选择器中最为重要的部分。jQuery基本选择器包括ID选择器、元素选择器、类名选择器、多种匹配条件选择器和通配符选择器。本篇介绍ID选择器。一 ID选择器（#id）ID选择器#id顾名思义就是利用DOM元素的id属性值来筛选匹配的元素，并以jQuery包装集的形式返...

2017-03-26 08:14:24 511

jQuery的工厂函数

jQuery的工厂函数“$”。在jQuery中，无论我们使用哪种类型的选择符都需要从一个“$”符号和一对“()”开始。在“()”中通常使用字符串参数，参数中可以包含任何CSS选择符表达式。下面介绍几种比较常见的用法。1、在参数中使用标记名$("div")：用于获取文档中全部的<div>。2、在参数中使用ID$("#username")：用于获取文档中ID属...

2017-03-26 08:10:54 800

jQuery下载与配置

要在自己的网站中应用jQuery库，需要下载并配置它，下面将介绍如何下载与配置jQuery。一下载jQueryjQuery是一个开源的脚本库，我们可以从它的官方网站（http://jquery.com）中下载到。下面介绍具体的下载步骤。1、在浏览器的地址栏中输入http://jquery.com，并按下〈Enter〉键，将进入到jQuery官方网站的首页。2、在jQuery...

2017-03-25 18:53:13 641

jQuery的插件

jQuery具有强大的扩展能力，允许开发人员使用或是创建自己的jQuery插件来扩展jQuery的功能，这些插件可以帮助开发人员提高开发效率，节约项目成本。而且一些比较著名的插件也受到了开发人员的追捧，插件又将jQuery的功能提升了一个新的层次。下面介绍插件的使用和目前比较流行的插件。一插件的使用jQuery插件的使用比较简单，首先将要使用的插件下载到本地计算机中，然后按照下...

2017-03-25 18:51:05 147

jQuery概述

一介绍jQuery是一套简洁、快速、灵活的JavaScript脚本库，它是由John Resig于2006年创建的，它帮助我们简化了JavaScript代码。JavaScript脚本库类似于java的类库，我们将一些工具方法或对象方法封装在类库中，方便用户使用。jQuery因为它的简便易用，已被大量的开发人员推崇。jQuery是脚本库，而不是框架。“库”不等于“框架”，例如“Syste...

2017-03-24 19:29:53 149

Ajax 重构的步骤

Ajax重构大致可以分为以下3三个步骤。一创建一个单独的JS文件,名称为AjaxRequest.js,并且在该文件中编写重构Ajax 所需的代码具体代码如下：var net = new Object(); // 定义一个全局的变量// 编写构造函数net.AjaxRequest = function(url,onload,onerror,method,params)...

2017-03-24 19:23:46 139

与服务器通信——发送请求与处理响应

一发送请求Ajax可以通过XMLHttpRequest对象实现采用异步方式在后台发送请求。通常情况下，Ajax发送请求有两种，一种是发送GET请求，另一种是发送POST请求。但是无论发送哪种请求，都需要经过以下4个步骤。1、初始化XMLHttpRequest对象。为了提高程序的兼容性，需要创建一个跨浏览器的XMLHttpRequest对象，并且判断XMLHttpReque...

2017-03-23 21:12:19 272

XMLHttpRequest对象的常用属性

XMLHttpRequest对象提供了一些常用属性，通过这些属性可以获取服务器的响应状态及响应内容等，下面将对XMLHttpRequest对象的常用属性进行介绍。一指定状态改变时所触发的事件处理器的属性XMLHttpRequest对象提供了用于指定状态改变时所触发的事件处理器的属性onreadystatechange。在Ajax中，每个状态改变时都会触发这个事件处理器，通常...

2017-03-22 19:25:21 548

XMLHttpRequest对象的常用方法

XMLHttpRequest对象提供了一些常用的方法，通过这些方法可以对请求进行操作。下面对XMLHttpRequest对象的常用方法进行介绍。一创建新请求的方法open()方法用于设置进行异步请求目标的URL、请求方法以及其他参数信息，具体语法如下：open("method","URL"[,asyncFlag[,"userName"[, "password"]]])ope...

2017-03-22 19:23:26 964

初始化XMLHttpRequest对象

在使用XMLHttpRequest对象发送请求和处理响应之前，首先需要初始化该对象，由于XMLHttpRequest不是一个W3C标准，所以对于不同的浏览器，初始化的方法也是不同的。通常情况下，初始化XMLHttpRequest对象只需要考虑两种情况，一种是IE浏览器，另一种是非IE浏览器，下面分别进行介绍。一 IE浏览器IE浏览器把XMLHttpRequest实例化为一个Acti...

2017-03-21 20:43:04 201

Ajax需要注意的几个问题

在应用Ajax时，需要注意安全问题、性能问题和浏览器兼容性问题，下面进行具体介绍。一安全问题随着网络的普及，安全问题已经是一个不可忽略的重要问题了。由于Web本身就是不安全的，所以尽可能降低Ajax的安全风险就显得尤为重要了。Ajax应用主要面临以下安全问题。l、JavaScript本身的安全性虽然JavaScript的安全性已逐步提高，提供了很多受限功能，包括访问浏览器的历史...

2017-03-21 20:41:17 265

Ajax使用的技术

Ajax是XMLHttpRequest对象和JavaScript、XML、CSS、DOM等多种技术的组合。其中，只有XMLHttpRequest对象是新技术，其他的均为已有技术。下面我们就对Ajax使用的技术进行简要介绍。一 XMLHttpRequest对象Ajax使用的技术中，最核心的技术就是XMLHttpRequest，它是一个具有应用程序接口的JavaScript对象，能够使用...

2017-03-20 20:47:20 341

Ajax技术特点

一优点与传统的Web应用不同，Ajax在用户与服务器之间引入一个中间媒介（Ajax引擎），从而消除了网络交互过程中的处理——等待——处理——等待的缺点，从而大大改善了网站的视觉效果。下面我们就来看看使用Ajax的优点有哪些。（1）可以把一部分以前由服务器负担的工作转移到客户端，利用客户端闲置的资源进行处理，减轻服务器和带宽的负担，节约空间和成本。（2）无刷新更新页面，从而使用户...

2017-03-20 20:45:44 432

AJAX 简介

AJAX 是什么AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。AJAX = Asynchronous JavaScript and XML。AJAX 是一种用于创建快速动态网页的技术。AJAX 通过在后台与服务器进行少量数据交换，使网页实现异步更新。这意味着可以在不重载整个页面的情况下，对网页的某些部分进行更新。传统的网页（不使用 AJAX）如果需要...

2017-03-19 10:05:11 119

JavaScript编写MD5加密

一介绍MD5是Message-Digest Algorithm 5即信息-摘要算法5，是在计算机语言当中普遍使用的一种杂凑程序，由于类似于函数，这里称为算法。MD5算法由MD2、MD3和MD4完善而来。它的基本原理是将一个字符串或汉字等，通过使用函数转换为另一种新的字符串，并且这种运算不可逆转。MD5算法的公开性和安全性，因此被广泛使用在各种程序语言中。MD5算法已经被各种语言...

2017-03-19 10:02:51 397

屏蔽部分按键

一介绍在某些购物网站上进行提交商品表单时，通常情况下不允许用户刷新屏幕、后退或新建文档，否则可能造成不可估计的损失。为避免这种情况出现，可以通过屏蔽键盘的回车键、退格键、<F5>键、<Ctrl+N>组合键和<Shift+F10>组合键来实现。本示例主要应用JavaScript脚本中的event对象的相关属性实现。其中KeyCode属性表示按下...

2017-03-18 08:38:59 318

屏蔽鼠标右键

一介绍用户浏览网站时，经常会使用鼠标右键，进行快捷方式的操作，例如“查看源文件”、“刷新”等。但是某些网站并不想让用户执行这些操作，这时就需要屏蔽鼠标的右键操作。那么如何禁止用户使用鼠标右键呢？可以通过JavaScript脚本调用鼠标事件（onmousedown事件）覆盖鼠标右键的快捷菜单来实现。二屏蔽鼠标右键应用运行本实例，当用户单击鼠标右键时，会弹出对话框屏蔽右...

2017-03-18 08:36:53 128

Internet Explorer安全区域

控制脚本的安全策略，如果设置的太严格将会失去脚本的部分功能，如果设置的太宽松，将会失去安全性。为了在Internet Explorer浏览器中灵活使用脚本，可以通过安全区域来设置安全策略。Internet Explorer的安全区域分为4个区域，分别如下。Internet区域此区域包括所有Web网站。默认安全级别为“中”。本地Intranet区域此...

2017-03-17 19:16:22 486

JavaScript恶意代码

一介绍使用JavaScript进行程序开发时，可以使用JavaScript的部分属性或方法来提高安全性，但也会无意编写出恶意代码。二恶意代码举例在编写代码时，有可能由于疏忽编写出浪费系统资源的恶意代码，造成浏览器崩溃或者死机。下面来看几段浪费系统资源的代码。1、下面一段代码造成了死循环。当退出循环的条件永远不成立时，这个循环被称为死循环。死循环会造成系统资源的浪费，...

2017-03-17 19:13:22 2071

应用CSS转换XML文档

一介绍通过CSS转换XML文档，其链接CSS样式文件的语法格式如下：语法：<?xml-stylesheet type="text/css" href="CSS样式表文件路径"?>通过该语句来引用一个外部的CSS文件，实现XML文档的格式化输出。二应用CSS转换XML文档在实例中应用CSS样式实现XML文档的格式化输出。三代码1、CS...

2017-03-16 20:30:09 401

同源策略

一介绍同源策略是JavaScript主要的安全策略，表示一个脚本只能读取与它同源的窗口或文档的属性，这样可以防止从一个站点载入的脚本获取或设置另一站点的文档属性。例如，使用一段恶意的脚本代码在一个浏览器中运行，如果没有同源策略，此段恶意代码就有可能获取另一个浏览器窗口中的信息，而该窗口中有可能包含部分私有信息。同源策略用来检测两个URL是否属于同一个源。当一个脚本试图访问另一个...

2017-03-16 20:27:48 293

通过XSLT转换XML

一介绍XSLT是一种用来转换XML文档结构的语言，它是EXtensible Style Language Extensions Transformations的缩写。XSLT类似与HTML中的CSS，但是比CSS的功能更加强大。根据W3C规范说明书的说明，最早设计XSLT是帮助将XML文档转换为其他文档。但是随着应用的深入，XSLT已不仅仅用于将XML转换为HTML或其他文档格...

2017-03-15 20:50:04 672 1

应用名称访问XML文档

一需求应用getElementsByTagName方法按名称访问XML文档中数据。二分析应用名称访问XML文档首先应用ActiveXObject创建一个Microsoft解析器实例，然后将XML文档载入内存中。接着应用getElementsByTagName()方法获取number元素、name元素和object元素的引用，返回结果为一个数组，数组中每个元素都对应X...

2017-03-15 20:47:03 63

在IE中创建DOM并载入XML

一介绍1、创建XML DOM对象的实例Microsoft在JavaScript中引入了用于创建ActiveX对象的ActiveXObject类，通过该类可以创建XML DOM对象的实例，代码如下：var xmldoc = new ActiveXObject("Microsoft.XMLDOM");2、载入XMLMicrosoft的XML DOM有两种载入XML的方法，即lo...

2017-03-14 20:29:31 212

读取XML

一介绍通过JavaScript读取XML文档中数据的方法很多。其根本的思路就是：首先在后台加载XML文档，然后通过JavaScript获取文档中所需的数据，最后应用HTML展示获取的数据。二获取XML元素的属性值的应用下面应用attributes属性和getNamedItem()方法获取一个指定的XML文档中的属性值。三代码首先创建一个XML文档，并且为...

2017-03-14 20:29:17 87

载入XML

一介绍XML文档创建成功后，要对XML文档中的内容进行操作，就必须考虑如何载入XML文档。要载入XML文档，可以通过DOM对象来完成。DOM的全称是Documen Object Model，即文档对象模型。它定义了HTML文档和XML文档的逻辑结构，给出了一种访问和处理HTML文档和XML文档的方法。要实现XML、DOM与JavaScript的应用，必须要了解JavaScr...

2017-03-13 21:04:45 77

XML入门

一 XML简介Extensible Markup Language(XML)可扩展标记语言，是一种用于描述数据的标记语言，XML很容易使用和定制。XML只描述数据的结构以及数据之间的关系。它是一种纯文本的语言，用于在计算机之间共享结构化的数据。与其他文档格式相比，XML的优点在于定义一种文档自我描述的协议。例如，首先是一个标题，然后是内容摘要，接着是多个小节，每一节都有...

2017-03-13 21:02:45 87

Flash

一介绍Macromedia Flash起初是作为嵌入到网页上基于小型动画而诞生的，现在已经成长为一个可以制作整个网站和Web应用的开发环境了。Flash已经不在是单纯的动画制作工具，而是完整的针对Web应用的开发环境。Flash动画，是使用Macromedia特有的Flash和Flash MX开发环境创建的。由于它的普通性，现在大部分浏览器都搭载了Flash插件，也就是说大部分用户无需...

2017-03-12 09:05:33 130

XML入门

一 XML简介Extensible Markup Language(XML)可扩展标记语言，是一种用于描述数据的标记语言，XML很容易使用和定制。XML只描述数据的结构以及数据之间的关系。它是一种纯文本的语言，用于在计算机之间共享结构化的数据。与其他文档格式相比，XML的优点在于定义一种文档自我描述的协议。例如，首先是一个标题，然后是内容摘要，接着是多个小节，每一节都有一个节...

2017-03-12 09:04:01 85

Java applet对象

一介绍Java applet是用Java编写的小程序，通常嵌入到网页中，用来产生特殊的页面效果，也可以实现人机交互功能。在以前Web页面中只能嵌入Java applet小程序，开发人员通过将开发出来的Java applet小程序嵌入到页面中，从而实现更多的功能。但由于技术不断的发展，新的插件不断增多，使Java applet已经不在经常使用了。二创建Java applet...

2017-03-11 08:39:10 187

空空如也

空空如也