js+jquery 笔记
本人也不知道该怎么写javascript笔记,本人就拿一个例子来写,这个例子就从算法所说起吧!
例如:
一个整数的数组 [122,393,664,935,1386,1675,1928,2199,2470,2741,3012],假设给定一个整数变量x,我们要找出数组那个成员与x的值最接近。
javascript sort()方法
语法:
arrayObject.sort(sortby)
sortby(可选。规定是排序顺序。必须是函数)。
javascript push()方法
语法:
arrayObject.push(newelement1,newelement2,……,newelementX);
newelement1(必须。要添加到数组的第一个元素);
var arr = [122,393,664,935,1386,1675,1928,2199,2470,2741,3012];
var num = 500;
arr.push(num);
返回结果:12 arr.sort(function(a,b){return a-b});
返回结果:[122, 393, 500, 664, 935, 1386, 1675, 1928, 2199, 2470, 2741, 3012] var index = arr.indexOf(num);
index
返回结果:2 var result = num-arr[index-1]<arr[index+num]-num?arr[index-1]:
arr[index+1];
result
返回结果:664
jquery开始头是这样写的:
$function({//写执行的方法});
//写可以这样写
$(document).ready.function({//写执行的方法});
开头咋写都可以,只要能实现你想要的结果就行。
下面是上传图片js判断部分代码:
$('#file_en_upload').on('click', function(){
var lang = $(this).attr('data-lang');
var file_data = $('#thumbnails_'+lang).prop('files')[0];
if( parseInt(file_data.size)<=512000 ){
var fu = $(this);
fu.text('上传中...');
fu.attr('disabled','disabled');
var form_data = new FormData();
form_data.append('id', 'WU_FILE_0');
form_data.append('name', file_data.name);
form_data.append('type', file_data.type);
form_data.append('lastModifiedDate', file_data.lastModifiedDate);
form_data.append('size', file_data.size);
form_data.append('upfile', file_data);
$.ajax({
url: 'http://127.0.0.1/assets/ueditor/php/controller.php?action=uploadimage&encode=utf-8',
type: 'POST',
dataType: 'json',
processData: false,
contentType: false,
cache: false,
data: form_data
}).success(function(json){
if(json.state === 'SUCCESS'){
$('#uploaded_'+lang).prop('href' ,json.url);
$('#uploaded_'+lang).attr('data-url' , json.url);
$('#uploaded_'+lang).css({'display' : 'inline'});
fu.text('上传成功');
setTimeout(function(){
fu.css({'display' : 'none'});
fu.removeAttr('disabled');
fu.text('点击上传');
},1500);
}else{
fu.removeAttr('disabled');
fu.text('点击上传');
alert('产品图片上传失败,原因:'+json.state);
}
});
}else{
alert('产品图片上传失败,原因:图片大小超过512KB限制');
}
});
#file_en_upload自定义的按钮。
自定义百度编辑器和初始化编辑器和加载编辑器哦~
var toolbars = [
[
'preview', //预览
'undo', //撤销
'redo', //重做
'selectall', //全选
'pasteplain', //纯文本粘贴模式
'removeformat', //清除格式
'formatmatch', //格式刷
'searchreplace', //查询替换
'|',
'forecolor', //字体颜色
'backcolor', //背景色
'bold', //加粗
'italic', //斜体
'underline', //下划线
'strikethrough', //删除线
'subscript', //下标
'superscript', //上标
'fontsize', //字号
'paragraph', //段落格式
'|',
'indent', //首行缩进
'justifyleft', //居左对齐
'justifyright', //居右对齐
'justifycenter', //居中对齐
'justifyjustify', //两端对齐
],[
'source',
'|',
'horizontal', //分隔线
'spechars', //特殊字符
'anchor', //锚点
'insertimage', //单图上传
'insertvideo', //视频
'attachment', //附件
'link', //超链接
'unlink', //取消链接
'insertorderedlist', //有序列表
'insertunorderedlist', //无序列表
'insertparagraphbeforetable', //"表格前插入行"
'|',
'inserttable', //插入表格
'edittable', //表格属性
'edittd', //单元格属性
'insertrow', //前插入行
'insertcol', //前插入列
'mergeright', //右合并单元格
'mergedown', //下合并单元格
'deleterow', //删除行
'deletecol', //删除列
'splittorows', //拆分成行
'splittocols', //拆分成列
'splittocells', //完全拆分单元格
'deletecaption', //删除表格标题
'inserttitle', //插入标题
'mergecells', //合并多个单元格
'deletetable' //删除表格
]
]; // var ue_height = $(window).height()-$('#admin_header').height()-$('#myTabs').height()-200;
//初始化编辑器
var ue_cf = {
// initialFrameHeight: ue_height,
autoHeightEnabled: true,
autoFloatEnabled: true,
elementPathEnabled: false,
enableAutoSave: false,
toolbars: toolbars,
serverUrl: '/ueditor/ueditor/php/controller.php'
};
//加载编辑器
var ue_en = UE.getEditor('container', ue_cf),
ok_en = false;
ue_en.ready(function(){
ue_en.setContent('<?php echo str_replace("'", "\'", $content);?>');
ok_en = true;
$('#msg').text('');
});
下面是ajax+jquery提交
$('#save').on('click', function(){
var title = $.trim($('#title').val()),
biaoqian = $.trim($('#biaoqian').val()),
container = $.trim($('#container').val());
refresh();
$.ajax({
type: 'POST',
url: '/index.php/back/compiler/news_save?t='+new Date().getTime(),
dataType: 'json',
cache: false,
data: {
'title': title,
'baioqian': biaoqian,
'content': ue_en.getContent()
}
});
function refresh(){
alert('保存成功');
window.loacation.herf='/index.php/back/compiler/news';
}
});
});
//#save是<a href="javascript:void(0);" id="save" class="label label-primary">保存</a>
javascript验证于提交
<div>
<a href="javascript:void(0);" id="save" class="label label-primary" style="padding:10px; float:right; border-radius:10px; margin:5px">保存</a>
</div> /*javascript*/ <script type="text/javascript">
$(function(){
$('#save').on('click',function(){
if(is_empty()){
alert('信息不能为空');
}else if(!is_email_valid()){
alert('邮箱只能由数字和字母组成');
}else if(!is_pwd_equ()){
alert('两次输入密码不对');
}else if(!is_tel_valid()){
alert('手机号输入不对');
}else if(!is_alipay()){
alert('支付包帐号输入不对');
}else{
var email = $.trim($('#email').val()),
password = $.trim($('#password').val()),
phonenumber = $.trim($('#phonenumber').val()),
alipay = $.trim($('#alipay').val()),
last_ip = $.trim($('#last_ip').val());
refresh();
$.ajax({
url: '/back/user/users_save',
type: 'POST',
dataType: 'json',
cache: false,
data: {
'email': email,
'password': password,
'phonenumber': phonenumber,
'alipay': alipay,
'last_ip': last_ip
}
function refresh(){
alert('保存成功');
}
});
}
});
/*检查邮箱是否合法(只有数字和字母组成)*/
function is_email_valid(){
email = $.trim($('#email').val());
var exp = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
if(email.search(exp) == -1){
return false;
}else{
return true;
}
}
/*检查两次输入的密码是否相同*/
function is_pwd_equ(){
var a = $.trim($('#password').val());
var b = $.trim($('#password1').val()); if(a == b){
return true;
}else{
return false;
}
}
/*检查手机号是否填写正确*/
function is_tel_valid(){
var phonenumber = $.trim($('#phonenumber').val());
var exp = /^1[3|4|5|8][0-9]\d{8,8}$/;
if(phonenumber.search(exp) == -1){
return false;
}else{
return true;
}
}
/*检查支付宝帐号是否填写正确*/
function is_alipay(){
var alipay = $.trim($('#alipay').val());
var exp = /^1[3|4|5|8][0-9]\d{8,8}$/;
if(alipay.search(exp) == -1){
return false;
}else{
return true;
}
}
/*检查是否为空*/
function is_empty(){
var a = $.trim($('#email').val()) == ''? 1:0;
var b = $.trim($('#password').val()) == ''? 1:0;
var c = $.trim($('#password1').val()) == ''? 1:0;
var d = $.trim($('#phonenumber').val()) == ''? 1:0;
var e = $.trim($('#alipay').val()) == ''? 1:0;
var f = $.trim($('#last_ip').val()) == ''? 1:0;
if (a+b+c+d+e+f == 0){
return false;
}else{
return true;
}
}
});
</script>
ps:jquery+ajax 还没有写完。
js+jquery 笔记的更多相关文章
- js jQuery笔记
jQuery 1.几种获取子元素的方法及区别 children方法获得的仅仅是元素一下级的子元素,即:immediate children. find方法获得所有下级元素,即:descendants ...
- 基于jquery的插件turn.js学习笔记
基于jquery的插件turn.js学习笔记 简介 turn.js是一个可以实现3d书籍展示效果的jq插件,使用html5和css3来执行效果.可以很好的适应于ios和安卓等触摸设备. How it ...
- React.js入门笔记
# React.js入门笔记 核心提示 这是本人学习react.js的第一篇入门笔记,估计也会是该系列涵盖内容最多的笔记,主要内容来自英文官方文档的快速上手部分和阮一峰博客教程.当然,还有我自己尝试的 ...
- 前端:jQuery笔记
前端:jQuery笔记 此系列文章乃是学习jQuery的学习笔记. Asp.net MVC Comet推送 摘要: 一.简介 在Asp.net MVC实现的Comet推送的原理很简单. 服务器端:接收 ...
- 【转】Backbone.js学习笔记(二)细说MVC
文章转自: http://segmentfault.com/a/1190000002666658 对于初学backbone.js的同学可以先参考我这篇文章:Backbone.js学习笔记(一) Bac ...
- Node.js学习笔记(3):NPM简明教程
Node.js学习笔记(3):NPM简明教程 NPM常用操作 更新NPM版本 npm install npm -g -g,表示全局安装.我们可以指定更新版本,只需要在后面填上@版本号即可,也可以输入@ ...
- Python全栈之jQuery笔记
jQuery runnoob网址: http://www.runoob.com/jquery/jquery-tutorial.html jQuery API手册: http://www.runoob. ...
- jQuery笔记之 Ajax回调地狱
本次演示回调地狱: 模拟电影网站,判断用户是否为该网址的vip用户(最高权限为vip) 如果vpi就展示出vip电影,点击相应的电影显示出该电影的详细介绍 ---------------------- ...
- js学习笔记:webpack基础入门(一)
之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...
随机推荐
- mysql互为主从(双主)配置
环境: ubuntu18.04.2 mysql5.7.21 #创建mysql属组 groupadd mysql useradd -g mysql mysql #查看属组 tail /etc/passw ...
- python pip源安装模块的一些常见问题
刷bugku的web时需要用python写脚本,web方面需要安装对应的模块,下面就分享一下我在安装模块时碰到的一些问题以及解决方法 首先找到pip文件所在的位置 打开cmd,cd文件位置,打开文件夹 ...
- Hyper-V 下linux虚拟机静态IP上网配置的两种方式(2)
工作需要,搭建linux环境,网上搜了两种Hyper-V配置linux静态IP及上网的方式,记录一下,方便查阅,如下设置网络共享方式: win10下使用hyper-v在本机安装linux虚拟机后,网络 ...
- MySQL优化与实践
一.MySQL优化概括 二.SQL优化 实践: 1.查看是否开启了慢查询日志 show variables like 'slow_query_log' 没有开启 2.查看是否开启了未使用索引SQL记录 ...
- winsock完成端口套接字重用注意事项
刚申请到博客,第一篇随笔(๑•̀ㅂ•́)و✧ 关于DisconnectEx的一个问题,目前主要发现在windows10中出现了这个问题,winserver2008 win7都没有这个问题. 被Disc ...
- 破阵九解:Node和浏览器之事件循环/任务队列/异步顺序/数据结构
前言 本文内容比较长,请见谅.如有评议,还请评论区指点,谢谢大家! >> 目录 开门见山:Node和浏览器的异步执行顺序问题 两种环境下的宏任务和微任务(macrotask &&a ...
- Vue-cli父子组件之间传参
一.父传子( 先写父组件 父组件 <template> <子组件 :子组件的变量名='父组件的变量'> </子组件> //子组件的变量名前的冒号千万别丢了有和没有是 ...
- Flask-wtforms类似django中的form组件
一.安装 pip3 install wtforms 二.简单使用 1.创建flask对象 from flask import Flask, render_template, request, redi ...
- [CF431C]k-Tree
题目描述 Quite recently a creative student Lesha had a lecture on trees. After the lecture Lesha was ins ...
- 【Cocos2d-x】学习笔记目录
从2019年7月开始学习游戏引擎Cocos2dx,版本3.17. 学习笔记尽量以白话的形式表达自己对源码的理解,而不是大篇幅复制粘贴源码. 本人水平有限,欢迎批评指正! Cocos2d-x 学习笔记 ...