热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

关于juery一些用法自己的总结

结束jquery时间不长,写代码感觉很生,而且敢接写起来很费劲做点简单的总结。首先主要要先引入.juery.js文件第二一些js插件文件也要在jquer

结束jquery时间不长,写代码感觉很生,而且敢接写起来很费劲 做点简单的总结。

首先主要要先引入.juery.js文件

第二 一些js插件文件也要在jquery.js之后引入,这一点很关键。。否则好多功能写完之后不知道为什么调试不成功。

第三讲一些一些格式

$(document).ready(function(){

//writing ````when loading finish html;

  //get html element

// $(".class #id obj  eq(index)")

// set text

// obj.html('var');


//modify css

// obj.css('display','none');

});

 

//jquery 事件

obj.click(function(){

//wrinting here when click it

});

//最近搞input change时间时候发现。。。当鼠标移除时候才触发。。

input 控件

obj.value 获取输入框的value;

这样也可以获取

$("input[name=sns_sex]").val();

 

 

//select

$("#selezone").get(0).options[i].value;可以获取select option第i元素的值。

进入判断 设置 加载后选中某项

 

select obj. empty();清理!!

.append('ssss');追加新元素 html.

 

=/=/=/=/=/=/=/=

juery get写法

var url='http://localhost/User_manage/useraction.php?methed=ckname&snsname='+this.value;

$.get(url,null,function(response){
                var _json=$.parseJSON(response);
                if (_json.code==0) {
                    $('#snsname').next().html(_json.des);
                }
                else{
                    $('#snsname').next().html(_json.des);

                }
                
            });

 

//=================================对应 php结果写发

$result=array('error'=>'1','des'=>'登陆失败');
        echo json_encode($result);

 

//关于浏览器

return window.URL.createObjectURL(obj.files[0]);这个是最新火狐返回input file 路径的方法

 

最后写1个关于异步传输图片的实例

这个文件大家要自己下载啦。。

$.ajaxFileUpload  
(  
    {  
        url: 'upsnsicon.php?zoneid='+zoneid,  
        secureuri: false,  
        fileElementId: 'upsnsicon',  
        dataType: 'json',
        beforeSend: function() {  
           // $("#loading").show();  
            alert('loadimg');  
        },  
        complete: function(data) {  
           // $("#loading").hide();  
        //    alert("上传成功");  
        },  
        success: function(data, status) {  
            if (typeof (data.error) != 'undefined') {  
                if (data.error != '') {  
                    alert(data.des);  
                } else {  
                    alert(data.des);  
                }  
            }
        },  
        error: function(data, status, e) {  
            alert(e);  
        }  
    }  
)  
    return false; 

 

//php处理后进行操作 最后返回json

$result=array('error'=>'0','des'=>'文件上传成功');
            echo json_encode($result);

 

大体就这么多 还有一些以前的没总结 可能忘了。。以后有空再来补充

 

转:https://www.cnblogs.com/dlxqq/archive/2012/08/30/2663038.html



推荐阅读
  • 基于JQuery实现的评分插件
    本文介绍了一个使用JQuery创建的交互式评分控件。当用户将鼠标悬停在星星上时,左侧的星星会变为实心,右侧保持空心,并显示对应的评分等级;移开鼠标后,所有星星恢复为空心状态。 ... [详细]
  • 本文介绍了如何使用JavaScript的Fetch API与Express服务器进行交互,涵盖了GET、POST、PUT和DELETE请求的实现,并展示了如何处理JSON响应。 ... [详细]
  • 深入理解Vue.js:从入门到精通
    本文详细介绍了Vue.js的基础知识、安装方法、核心概念及实战案例,帮助开发者全面掌握这一流行的前端框架。 ... [详细]
  • Spring Boot 中静态资源映射详解
    本文深入探讨了 Spring Boot 如何简化 Web 应用中的静态资源管理,包括默认的静态资源映射规则、WebJars 的使用以及静态首页的处理方法。通过本文,您将了解如何高效地管理和引用静态资源。 ... [详细]
  • 一个登陆界面
    预览截图html部分123456789101112用户登入1314邮箱名称邮箱为空15密码密码为空16登 ... [详细]
  • 本文探讨了2019年前端技术的发展趋势,包括工具化、配置化和泛前端化等方面,并提供了详细的学习路线和职业规划建议。 ... [详细]
  • 交互式左右滑动导航菜单设计
    本文介绍了一种使用HTML和JavaScript实现的左右可点击滑动导航菜单的方法,适用于需要展示多个链接或项目的网页布局。 ... [详细]
  • 本文介绍了如何使用JavaScript和jQuery实现页面元素随着滚动条的移动而相应变化位置的功能,提供了一段简洁的代码示例。 ... [详细]
  • 本文探讨了如何在JavaScript中动态地引用由PHP生成的变量,特别是在循环中变量名随迭代变化的情况。通过示例代码展示了实现这一功能的具体步骤。 ... [详细]
  • 在项目部署后,Node.js 进程可能会遇到不可预见的错误并崩溃。为了及时通知开发人员进行问题排查,我们可以利用 nodemailer 插件来发送邮件提醒。本文将详细介绍如何配置和使用 nodemailer 实现这一功能。 ... [详细]
  • 本文详细介绍了如何在Kendo UI for jQuery的数据管理组件中,将行标题字段呈现为锚点(即可点击链接),帮助开发人员更高效地实现这一功能。通过具体的代码示例和解释,即使是新手也能轻松掌握。 ... [详细]
  • Symfony是一个功能强大的PHP框架,以其依赖注入(DI)特性著称。许多流行的PHP框架如Drupal和Laravel的核心组件都基于Symfony构建。本文将详细介绍Symfony的安装方法及其基本使用。 ... [详细]
  • 本文详细介绍了如何使用 HTML 和 CSS 对文件上传按钮进行样式美化,使用户界面更加友好和美观。 ... [详细]
  • 本文提供了多种方法来计算给定年份和月份的起始日和结束日,并进一步探讨了如何根据年、月、周获取特定周的起始日和结束日。 ... [详细]
  • 本文将详细介绍如何在ThinkPHP6框架中实现多数据库的部署,包括读写分离的策略,以及如何通过负载均衡和MySQL同步技术优化数据库性能。 ... [详细]
author-avatar
手机用户2502906317
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有