javascript版本的ajax发送请求 （1）、创建XMLHttpRequest对象，这个对象就是ajax请求的核心，是ajax请求和响应的信息载体，单是不同浏览器创建方式不同 （2）、请求路径 （3）、使用open方法绑定发送请求 （4）、使用send() 方法发送请求 （5）、获取服务器返回的字符串 xmlhttpRequest.responseText; （6）、获取服务端返回的值，以xml对象的形式存储 xmlhttpRequest.responseXML; （7）、使用W3C DOM节点树方法和属性对该XML...
本文实例讲述了基于jquery数字滚动特效的代码，分为四种情况分享给大家供大家参考，具体如下： 有分隔符，有小数点： 只有分隔符： 只有小数点： 无分隔符，无小数点：运行效果图：具体代码如下数字滚动插件/*数字滚动插件的CSS可调整样式*/ .mt-number-animate{ font-family: '微软雅黑'; line-height:40px; height: 40px;/*设置数字显示高度*/; font-size: 36px;/*设置数字大小*/ overflow: hidden; display: inline-block; posi...
本文分别介绍了js和jQuery验证单选框(radio)、多选框(checkbox)、下拉框(select)，分享给大家供大家参考，具体内容如下 (1).首先说单选框(radio)，radio和checkbox一样都是name相同值有多个在获取 radio 值的时候我们不能按照普通文本框.value的方式,而是要判断哪个被选中了。 js验证是要用getElementsByName()获取数组 js代码如下：用jQuery验证就简单多了，做到了少写多做，呵呵：$(document).ready(function(){ $("#btn").click...
本文为大家介绍了插件jquery.confirm弹出确认消息的实现方法，具有一定的参考价值，特分享给大家供大家参考，具体内容如下 实现效果：具体代码： 1、插件默认参数// 默认参数 $.confirm.defaults = {// 样式css: "http://static.qianduanblog.com/css/jquery.confirm/default.min.cssv=" + Math.ceil(new Date() / 86400000),// 确认框内容content: "确认吗？",// 确认按钮文字sureButton: "确认",// 取消按钮文字cancelButton: "取...
本文为大家分享了基于jquery ui实现的一个精美实用的效果，可以通过鼠标拖拽滑动效果来选择数字，供大家参考，具体内容如下 运行效果图：实现代码：demo.slider-box{ background:#F0EFEB; font-family:Microsoft Yahei; padding-bottom:10px}.slider-box .item{ padding:10px}.slider-box .item .tag, .slider-box .item .slider, .slider-box .item .val{ float:left; margin-right:18px}.slider-box .item .slider{ width:400px}...
本文实例分析了javascript与jquery中的this关键字用法。分享给大家供大家参考，具体如下： this 表示当前的对象，这个当前对象可以是表单，等任何元素 1.javascript中this的用法： JS部分：function chimg(obj){obj.src="./images/2.jpg";}HTML部分：代码如下: 2.jquery 中this的用法： JS部分:$(document).ready(function(){alert(this.src);})HTML部分：代码如下: 希望本文所述对大家JavaScript程序设计有所帮助。
本文实例讲述了js与jQuery实现checkbox复选框全选/全不选的方法。分享给大家供大家参考，具体如下： 先来看看JavaScript实现checkbox复选框全选/全不选的方法。这应该是一个比较实用的前端技巧吧，很多时候我们都需要点击一个checkbox，然后将所有的复选框自动全部选中，比如新浪邮箱中，一些CMS系统的后台中，使用本JS效果后，会大大增强了操作体验，那么究竟是如何实现这一功能的呢？别着急，跟我一步一步实现。 我们先把那些带复...
本文章介绍了一种比较常用的效果，那就是当鼠标滑过链接的时候，能够出现跟随鼠标指针移动的图层，在实际应用中，一般是对于链接的一些说明文字或者图片等等，下面是代码实例:脚本之家body{margin:0;padding:40px;background:#fff;font:80% Arial, Helvetica, sans-serif;color:#555;line-height:180%; } a{text-decoration:none;color:#f30; } p{clear:both;margin:0;padding:.5em 0; } img{border:none;} #screenshot{position:...
本文实例讲解了jquery遮罩层，包括遮罩层的不同样式实现、mask实现遮罩层等，分享给大家供大家参考，具体内容如下 一、jQuery实现遮罩层的不同样式 1.1 背景半透明遮罩层样式 需要一个黑色（当然也可以其他）背景，且须设置为绝对定位，以下是项目中用到的css样式：/* 半透明的遮罩层 */ #overlay {background: #000;filter: alpha(opacity=50); /* IE的透明度 */opacity: 0.5; /* 透明度 */display: none;position: absolute;top:...
项目中要监听键盘组合键CTRL+C，以便做出对应的响应。查了一些方法但是其兼容性和稳定性不是很高，最终得到如下方法，经测试在Firfox、Chrome、IE中均可以使用。 一、使用javascript实现二、使用jquery实现三、说明 event.ctrlKey 功能：检测事件发生时Ctrl键是否被按住了。 语法：event.ctrlKey 取值：true | false 1|0 说明： ctrlKey属性为true表示事件发生时Ctrl键被按下并保持，为false则Ctrl键没有按下。 ctrlKey属性可结...
为大家讲解的JQuery动画特效为手风琴，废话不多说，先看最终实现效果图。一、实现原理分析对应的立体图：二、 HTML代码分析真 的 爱 你 1. id为container的div就是上面分析中的红色区域。 2. id为content的ul就是用来存放所有的li。 3. 每个li就是一个红色区域与对应图片的组合。 三、CSS代码分析*{margin: 0; padding: 0;} img{ border:0; } #container { width:680px; height: 300px; margin: 100px auto; position...
插件可以满足常用的提示显示，支持12个方向，支持边框、背景色、文本颜色自定义，支持位置微调、层级微调、宽度间距等参数调整。 先看看效果：tips:提示信息组件 参数：msg:asdf,内容dire:2,方向w:250,宽度_x:0,横向偏移_y:0,纵向偏移zIndex:100000,层级borderColor:#FFF,边框颜色bgColor:#FFF,背景颜色useHover:true是否使用悬浮显示color:默认提示文字颜色padding:边距javascript代码：(function ($) {var defaults = {dire: 12,...
本文实例讲述了jquery及js实现动态加载js文件的方法。分享给大家供大家参考，具体如下： 问题： 如果用jquery append直接加载script标签的话，会报错的。除了document.write外，还有没有其他的比较好的动态加载js文件的方法。 解决方法： 1、jquery方法$.getScript("./test.js"); //加载js文件 $.getScript("./test.js",function(){ //加载test.js,成功后，并执行回调函数console.log("加载js文件"); });2、js方法function loadS...
其实在学习之前，就已经用上了js，jquery和ajax，不过当时不清楚这些的区别，就全都当成js来看，然后别人一说jquery，ajax都觉得好像很高级，等到自己学习的时候，倒是对这些更清楚了一点，下面就来写一下我的总结。 简介 Javascript JavaScript，一种直译式脚本语言，是一种动态类型、基于原型的语言，内置支持类。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给H...
在上篇文章给大家介绍了javascript jquery ajax的小结，今天接着给大家介绍javascript jquery与ajax的关系，感兴趣的朋友一起学习吧 简单总结：1、JS是一门前端语言。2、Ajax是一门技术，它提供了异步更新的机制，使用客户端与服务器间交换数据而非整个页面文档，实现页面的局部更新。3、jQuery是一个框架，它对JS进行了封装，使其更方便使用。jQuery使得JS与Ajax的使用更方便 详细情况： Actually only one of them is a programm...