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 还没有写完。