Welcome 微信登录

首页 / 脚本样式 / JavaScript

详解jQuery中的元素的属性和相关操作

详解jQuery中的元素的属性和相关操作

元素属性元素的属性中可以包含很多有用的信息,所以如何设置或得到属性中的值,就显得非常重要。jQuery 的 $.fn.attr 方法可以作为 setter 和 getter 使用,用来设置或获取属性的值。和 $.fn.css 用法类似,$.fn.attr 既可一次性接受单个属性,也可以接受多个属性(对象) :$("a").attr("href", "allMyHrefsAreTheSameNow.html");$("a").attr({"title" : ...
JavaScript实现给按钮加上双重动作的方法

JavaScript实现给按钮加上双重动作的方法

本文实例讲述了JavaScript实现给按钮加上双重动作的方法。分享给大家供大家参考。具体如下:这里使用JavaScript给网页上按钮加入同时加入两个动作,一个是在文本框显示文字,另一个则是转向到某个网址,以往的按钮跳转都是单一的,这一个又在跳转时加入了将文字赋值给文本框的动作,搞懂了原理,就可以灵活运用了。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-button-two-action-codes/...
DEDECMS如何为文章添加HOT NEW标志图片

DEDECMS如何为文章添加HOT NEW标志图片

群里有人需要dedecms给文章加热帖和最新的图标的方法,那么怎么实现的呢,脚本之家给您分享实现过程。根据网站需要,要在最新发表的图片以及热门图片上增加“hot”、“new”小标示,1.“new”的添加方法网上可以搜索到,具体应用方法:[field:pubdate runphp="yes"]$ntime = time();$day3 = 3600 * 24 * 3;if(($ntime – @me) < $day3) @me = “<span ...
JS实现双击编辑可修改状态的方法

JS实现双击编辑可修改状态的方法

本文实例讲述了JS实现双击编辑可修改状态的方法。分享给大家供大家参考。具体如下:这是现在流行的一个表单特效,在网页上单击某文字,文字变为编辑状态,或者是让输入新文字,这就是JavaScript控制表单的一个例子,下面的这段代码就实现了用户名和签名档的双击可编辑功能。运行效果如下图所示:在线演示地址如下:http://demo.jb51.net/js/2015/js-double-click-edit-style-codes/具体代码如下:<!DOCT...
JavaScript中的this关键字使用详解

JavaScript中的this关键字使用详解

和其它许多面向对象的语言一样,JavaScript 中也有 this 关键字,this 在函数中用来指向调用此方法的对象。实际编程中要判断 this 到底指向谁,一般可遵循以下原则: 如果该函数被 Function.call 或者 Function.apply 调用,那么 this 指向 call/apply 的第一个参数,如果参数是 null 或者 undefined,this 则指向全局对象(在浏览器中的话,全局对象就是 window 对象)。 如果该...
js实现表单检测及表单提示的方法

js实现表单检测及表单提示的方法

本文实例讲述了js实现表单检测及表单提示的方法。分享给大家供大家参考。具体如下:这是个实用的表单判断以及表单提示效果,如果点击需要输入文字的时候,提示就会跑出来,提示框的形状比较个性化,有一个三角符号指向输入框,有两张图片需要下载。运行效果如下图所示:在线演示地址如下:http://demo.jb51.net/js/2015/js-table-check-form-tips-codes/具体代码如下:<!DOCTYPE html PUBLIC "-/...
关于JavaScript的变量的数据类型的判断方法

关于JavaScript的变量的数据类型的判断方法

虽然Javascript是弱类型语言,但是,它也有自己的几种数据类型,分别是:Number、String、Boolean、Object、Udefined、Null。其中,Object属于复杂数据类型,Object 由无序的键值对组成。其余几种都属于简单数据类型。注意:变量类型首字母大写,而变量值首字母是小写的。 JavaScript不支持自定义类型,所以JavaScript中的所有值都属于这六种类型之一。 要搞清楚一个变量是何种数据类型,就要使用type...
JavaScript学习笔记之DOM基础 2.4

JavaScript学习笔记之DOM基础 2.4

DOM的发展,与WEB标准化的大趋势相关甚密。只有基于正确的语义逻辑,DOM才能正确地发挥其功用。如今,正确的语义结构、表现与内容分离等要求,都已经成为网页设计中的基本要求。因此,在网页前端开发中,DOM的存在,无疑是为表现层、行为层甚至内容层面的连接提供了一个绝佳的API,成为热门的Ajax应用中不可或缺的组成部分。一、平稳退化1、概念早期,在未使用JavaScript之前,网页中的内容可以正常显示出来,用户可以通过外设(如鼠标)操控浏览到相关内容,这种...
js实现当复选框选择匿名登录时隐藏登录框效果

js实现当复选框选择匿名登录时隐藏登录框效果

本文实例讲述了js实现当复选框选择匿名登录时隐藏登录框效果。分享给大家供大家参考。具体如下:本技巧是比较常见的,有些网站可以登录发帖或匿名发帖,当勾选复选框选择匿名发帖时,登录框自动隐藏了,是不是更人性化了?这其实是在表单元素上稍微加了一点JavaScript代码,具体实现方法请查看代码。运行效果如下图所示:在线演示地址如下:http://demo.jb51.net/js/2015/js-checkbox-nm-login-submit-codes/具体代...
JavaScript的jQuery库中ready方法的学习教程

JavaScript的jQuery库中ready方法的学习教程

学习 jQuery 有许多途径,我们今天从 jQuery 的 ready 函数开始。本例中的代码都来自于 jQuery 脚本库。如果你使用过 jQuery , 就必然使用过 ready 函数,它用来注册当页面准备好之后可以执行的函数。问题来啦,我们的页面什么时候准备好了呢?onload 事件最基本的处理方式就是页面的 onload 事件,我们在处理这个事件的时候,可以有多种方式,即可以通过 HTML 方式,直接写在 body 元素的开始标记中,也可以使用事...
在jQuery中处理XML数据的大致方法

在jQuery中处理XML数据的大致方法

XML 全称为 可扩展标记语言,其文件结构与 HTML 类似,但是区别也很明显,HTML 只能使用已经定义的标签,如 title, body, span 等,标签种类是有限的,但是 XML 除了可以使用 HTML 的所有标签,还可以自己随意定制标签,如 person, name, sex, age 等,而且 XML 中的标签属性名称,也可以随意定制。另外二者用途方面也有明显区别,HTML 主要用来展示数据,XML 则侧重于数据的存储和传输。例如下面这个简单...
在JavaScript的jQuery库中操作AJAX的方法讲解

在JavaScript的jQuery库中操作AJAX的方法讲解

Java软件开发中,后台中我们可以通过各种框架,像SSH等进行对代码的封装,方便我们对Java代码的编写,例如,Struts,SpringMVC对从前台到action的流程进行封装控制,使我们只需要进行一些简单配置就可以实现;而Spring进行了对各种对象的管理进行封装,提供了AOP编程的方式,大大方便了我们;而Hibernate和IBatis则是对JDBC代码进行封装,不需要我们每次都写那些重复而繁杂的JDBC代码。前台呢,对于页面一些效果,验证等,我们...
针对初学者的jQuery入门指南

针对初学者的jQuery入门指南

jQuery 是什么,它能为我们做什么?如果你是一名 Web 开发人员,写过 JavaScript 程序,那么你很可能正在使用 jQuery,即使没有试用过,至少也听说过,事实上 jQuery 可以说是现阶段最流行的 JavaScript 库。据有关部门统计,全球网站上面,约有 28% 的网站在使用 jQuery,这个数字可能有些夸张,但足见 jQuery 受欢迎的程度。本文仅对 jQuery 的使用方法作简单介绍,且作为一个入门教程吧。下载 jQuery...
jQuery实现图片渐入渐出切换展示效果

jQuery实现图片渐入渐出切换展示效果

在这之前我们先看看我们要做的效果是什么样的:我们要图片在过“一定时间”后自动切换,在右下角处有小方块似数字1,2,3,4,这些数字是根据图片的个数自动出现的,当鼠标经过的时候数字颜色有一定的变化;下面我们来看看具体怎么实现。第一步:先写简单的html页面<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm...
Jquery幻灯片特效代码分享--鼠标点击按钮时切换(1)

Jquery幻灯片特效代码分享--鼠标点击按钮时切换(1)

本文实例讲述了jQuery实现时尚漂亮的幻灯片特效,基本能满足你在网页上使用幻灯片(焦点图)效果。分享给大家供大家参考。具体如下:幻灯片效果描述:用鼠标点击右下角数字按钮幻灯片进行左右切换进行切换。运行效果截图如下:具体实现代码:<head><title>Jquery幻灯片焦点图插件</title><script src="js/jquery-1.4a2.min.js" type="text/javascript"...
Jquery幻灯片特效代码分享--鼠标滑过按钮时切换(2)

Jquery幻灯片特效代码分享--鼠标滑过按钮时切换(2)

这篇文章主要介绍了jQuery实现幻灯片焦点图,可实现非常炫目时尚的幻灯片效果,非常具有实用价值,基本能满足你在网页上使用幻灯片(焦点图)效果,具体如下幻灯片效果描述:用鼠标滑过右下角数字按钮幻灯片进行左右切换进行切换。自定义切换参数效果:向下切换、切换时间为8秒、鼠标滑过按钮时切换运行效果截图如下:具体代码如下<head><title>Jquery幻灯片焦点图插件</title><script src="js/j...
Jquery幻灯片特效代码分享--打开页面随机选择切换方式(3)

Jquery幻灯片特效代码分享--打开页面随机选择切换方式(3)

这篇文章主要介绍了jQuery实现幻灯片焦点图,可实现非常炫目时尚的幻灯片效果,非常具有实用价值,基本能满足你在网页上使用幻灯片(焦点图)效果,需要的朋友可以参考下幻灯片效果描述:与前两节不同的是,这款特效可以打开页面随机选择切换方式(方向)运行效果截图如下:具体代码如下<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><ti...
<< 1161 1162 1163 1164 1165 1166 1167 1168 1169 1170 >>