- 原型机显示:Win10 Mobile支持Surfac 11-25
- jQuery生成验证码插件 11-25
- jQuery之DOM、CSS 11-25
- jQuery 简介 11-25
- 步步为营,带你轻松掌握jQuery! 11-25
- jquery操作dom 11-25
- jquery的ajax方法参考示例 11-25
- 15个超强的jQuery/HTML5图片轮播插件 11-25
- Jquery操作xml实现三级联动下拉(省,市,地区 11-25
- jQuery 简介 11-25
原型机显示:Win10 Mobile支持Surface Pen
发布者: superzhang | 发布时间:2017-11-25IT之家11月24日消息 在微软打算缩减Windows 10 Mobile的生意之前,我们知道,微软本想将Lumia 950开发成一个更有意思的手机,比如,让它支持Surface Pen。
今天,据外媒MSPowerUser报道,一款Windows 10 Mobile的原型机的上手视频经由一个名叫Proto beta Test的网站传出,这个上手视频展示了Surface Pen是如何在Windows 10 Mobile的原型机上工作的。
就像Surface平板一样,这款Windows 10 Mobile的原型机支持N-Trig技术,这使得该机与现有的Surface Pen兼容。
后来的事情大家可能都知道了,微软砍了不止一个功能,最终,Lumia 950的成品是一个比较无聊的手机。
如果你喜欢带笔的手机的话,微软正在帮三星卖Galaxy Note 8,体验应该不错。
体验视频:
想看到更多这类内容?去APP商店搜IT之家,天天都
jQuery生成验证码插件
发布者: superzhang | 发布时间:2017-11-25ClientSideCaptcha是一款前端jquery生成验证码插件。该验证码插件完全由js生成。通过该插件,可以不依赖于后台,在前端完成验证码的测试工作。
在页面中引入jquery和client_captcha.js文件。
<script src="js/jquery.min.js"></script>
<script src="js/client_captcha.js"></script>
HTML结构一个完整的图片验证码的HTML结构如下:
<div class="captcha-chat">
<div class="captcha-container media">
<div class="media-body">
<p class="security">请输入验证码:</p>
jQuery之DOM、CSS
发布者: superzhang | 发布时间:2017-11-25DOM 是一种文档对象模型。在 JavaScript 中,获取DOM对象不是太方便,写很长一段document.getElementsByTagName('***')等,但在jQuery中获取dom及操作DOM非常方便。
要知道几个基本概念:
1.D 表示的是页面文档 Document、O 表示对象,即一组含有独立特性的数据集合、M表示模型,即页面上的元素节点和文本节点。
2.DOM 有三种形式,标准 DOM、HTML DOM、CSS DOM,大部分都进行了一系列的封装,在 jQuery 中并不需要深刻理解它。
3.树形结构用来表示 DOM,就非常的贴切,大部分操作都是元素节点操作,还有少部分是文本节点操作。
二. 设置元素及内容介绍几个非常常用的方法,text()及html()等。
jQuery 简介
发布者: superzhang | 发布时间:2017-11-25jQuery 库可以通过一行简单的标记被添加到网页中。
您需要具备的基础知识
在您开始学习 jQuery 之前,您应该对以下知识有基本的了解:
HTML
CSS
JavaScript
什么是 jQuery ?
jQuery是一个JavaScript函数库。
jQuery是一个轻量级的"写的少,做的多"的JavaScript库。
jQuery库包含以下功能:
HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities
提示: 除此之外,Jquery还提供了大量的插件。
步步为营,带你轻松掌握jQuery!
发布者: superzhang | 发布时间:2017-11-25经过系统的学习了原生JS之后,会发现其具有以下三个特点:
1、是一种解释性脚本语言(代码不进行预编译)。
2、主要用来向 HTML 页面添加交互行为。
3、可以直接嵌入 HTML 页面,但写成单独的js文件有利于结构和行为的分离。
而接下来要讲的jQuery 就对原生javascript的一个扩展,封装,就是让javascript更好用,更简单。
换而言之,jquery就是要用更少的代码,漂亮的完成更多的功能。{Write less, Do more!}
1. jQuery 作为 JavaScript 的代码库,自然是使用 JavaScript 语言编写的。
2. jQuery 的代码非常规范,执行效率也很高,是 JavaScript 编码的优秀范例。
3. 很多情只要使用 jQuery 的方法就可以实现大部分的 JavaScript 功能。
所以说,程序员作为一种极懒的物种存在,势必想着要减少不必要的代
jquery操作dom
发布者: superzhang | 发布时间:2017-11-25jquery 操作DOM元素(1)
.clone()
创建一个匹配的元素集合的深度拷贝。
.clone([withDataAndEvents])
withDataAndEvents (默认为false)
一个Boolean 表示是否会复制元素上的时间处理函数。
.clone([withDataAndEvents][,deepwithDataAndEvents])
withDataAndEvents (默认为false)
一个Boolean 表示是否会复制元素上的时间处理函数。
deepwithDataAndEvents
一个布尔值,指示是否对时间处理程序和克隆的元素的所有子元素的数据应该被复制。默认情况下它的值相匹配的第一个参数的值。
$(".hello").clone().appendTo(".goodbye")
效果 : <div class="hello">Hello</div>
<div class="goodbye">
Goodby
jquery的ajax方法参考示例
发布者: superzhang | 发布时间:2017-11-25示例讲解,通过ajax对验证码进行验证是否正确
1js代码function doLogin(){
var codeNum = $("#codenumber").val();
$.ajax({
url : '${baseHref}validata',
type : 'POST',
data : {
input : codeNum
},
cache : false,
success : function(data) {
if (data == "OK") {
var url="${baseHref}login";
document.myform.action = url;
document.myform.submit();
} else {
$("codenumber").val("");
$("codenumber").focus();
var info = $("#messSpan");
info.text(data);
loadimage();
}
}
});
15个超强的jQuery/HTML5图片轮播插件
发布者: superzhang | 发布时间:2017-11-25最近我们为大家分享过不少基于jQuery的图片轮播插件,当然也有很多使用了 HTML5 和CSS3的相关技术,让整个图片播放器显得更加美观,动画效果显得更加炫酷。这次我们特意为大家筛选了一些最新的jQuery/HTML5图片轮播插件,每一个的功能都比较强大,当然可能不是每一个都适合你,但你也可以从中学到不少用jQuery和HTML5编写图片轮播插件的知识。下面我们一起来看看这15个强大的图片播放器吧。
分享之前推荐下我的前端群:524262608,不管你是小白还是大牛,小编我都挺欢迎,不定期分享干货,包括我自己整理的一份2017最新的前端资料和零基础入门教程,欢迎初学和进阶中的小伙伴。
1、jQuery SVG左右弹性切换全屏焦点图动画这款焦点图插件的特点有2个,一个是焦点图整体以全屏的方式呈现,显得非常大气,而且图片四周也有3D阴影,立体视觉效果非常独特。第二是焦点图在图片切换的时候以弹性淡入淡出的动画方式,显得相当时尚。动画采用SVG相关特性,扩展十分灵活。
Jquery操作xml实现三级联动下拉(省,市,地区)
发布者: superzhang | 发布时间:2017-11-25<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
<script type="text/javascript" src='../jquery.js'></script>
<script type="text/javascript">
//存放请求回来的xmlDom对象
var xml='';
$(function(){
$.get('ChinaArea.xml',function(msg){
//把XMLDom对象转成JQuery对象
xml
jQuery 简介
发布者: superzhang | 发布时间:2017-11-25jQuery 库可以通过一行简单的标记被添加到网页中。
您需要具备的基础知识
在您开始学习 jQuery 之前,您应该对以下知识有基本的了解:
HTML
CSS
JavaScript
什么是 jQuery ?
jQuery是一个JavaScript函数库。
jQuery是一个轻量级的"写的少,做的多"的JavaScript库。
jQuery库包含以下功能:
HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities
提示: 除此之外,Jquery还提供了大量的插件。
