1、jquery中页面定时调用ajax方法
function SetContinueSend(param1,param2, func){
func.call(null,param1,param2)
}
function add(param1,param2){
var ssssss = document.getElementById("testTime");
ssssss.innerHTML = param1+":"+param2;
}
setInterval("SetContinueSend(new Date().getMinutes(),new Date().getSeconds(), add)",5000);
2、绑定回车事件
$("#addSourceSubmitId").keydown(function (event) {
if (event.keyCode == "13") {
addSourceMonitor(0);
// $(this).parent().parent().hide();
}
});
3、处理后台返回对象
var str = {"ss":"xxx","dd":"yyy"};
var obj = eval("(" + str + ")");
alert(obj.ss);
4、jquery和dom对象的转换
var obj = document.getElementById("kid").value;
var $obj = $("#kid").val(); $obj = $(obj);
obj = $obj[0];
obj = $obj.get(0);
 
<scs>
function init(){
  alert("aaa");
}
function init(obj){
  alert("bbb" + "---" + arguments[2]);
}
init(1,2,3,4);
 
$("div").children("a").hide.prev("span").click(function(){
  $(this).nextAll().show().parent().siblings().find("a").hide();
});
prev() 获得相邻的前一个元素 (children后面会获得一组元素)
nextAll() 相当于 A后面的 ~ B(all标签)
siblings() 获取下面的全部兄弟元素,相当于 A ~ B(all标签)
7、html5中jQuery规定的属性写法
<input id="kid" data-options="" data-cnblogs-contact="" />
$("#kid").data("cnblogsContact");获取属性的值
8、跑马灯
$(function(){
  var newDiv = $("<div></div>").appendTo($("body"));
  newDiv.prop("id","divId");
  
  newDiv.html("<a href=''>未满18岁慎进</a>");   newDiv.css({
    "border":"1px solid #999",
    "width":"100px",
    "height":"100px",
    "text-align":"center",// 水平居中
    "line-height":"100px",// 垂直居中
    "position":"relative"// 相对定位可以让元素改变在页面中的位置(left,top)
  });
  
  (document.)setInterval(changPosition(),10);   var i = 0;
  var hFlag = 1;
  var wFlag = 1;   fucntion changPosition(){
    // offset(100,100);能设置div的位置 offset().top获得了位置x坐标
    $("divId").offset(function(){
      var h = $(this).offset().top;
      var w = $(this).offset().left;
      if(( h + $(this).height() + 10 >= $(window).height() && hFlag == 1 ) || ( w <= 0 && hFlag == -1 )){
        hFlag *= -1;
      }
      if(( w + $(this).width() + 10 >= $(window).width() && wFlag == 1 )) || ( w <= 0 && wFlag == -1 )){
        wFlag *= -1;
      }
      return {
        top:$(this).offset().left + wFlag * 3,
        left:$(this).offset().top + hFlag * 3
      }
    });
  }
})
9、css和js中设置属性的不同
//js
span.css({
    "border":"1px solid #999",
    "width":"100px",
    "height":"100px",
    "text-align":"center",
    "line-height":"100px",
    "position":"relative"});
}); /*css*/
span{
    border:1px solid #999;
    width:100px;
    height:100px;
    text-align:center;
    line-height:100px;
    position:relative;
}
10、阻止href发送超链接请求:<a href="javascript:void(0)"></a>
11、ajax(w3c/xml/xmlDom/xmlHttpRequest)
function sendAjax(){
//1、引擎
var xmlHttp = new XMLHttpRequest();
//2、回调
xmlHttp .onreadystatechange = function(){
if(xmlHttp.readyState == 4){
if(xmlHttp.status == 200){
alert(xmlHttp.responseText);
}
}
}
//3、连接
xmlHttp.open("post",url);
//设置请求头
xmlHttp.setRequestHeader("content-type","application/www...");//来自<form enctype="">
//4、发送
xmlHttp.send("key=value&key2...");
}

12、


js使用的一些实用技巧的更多相关文章

  1. js基础进阶--编码实用技巧(二)

    我的个人博客:http://www.xiaolongwu.cn 接上篇文章 js编码的实用技巧(一) 5.合理利用||运算符 使用||可以作为参数之外的默认值,当第一个参数返回值为false时,那么第 ...

  2. js基础进阶--编的实用技巧(一)

    我的个人博客:http://www.xiaolongwu.cn 在平时的开发中,编码技巧很重要,会让你少写很多代码,起到事倍功半的效果. 下面总结几种简单的技巧,大家共同学习一下 1. 利用+.-./ ...

  3. 【JavaScript实用技巧(二)】Js操作DOM(由问题引发的文章改版,新人大佬都可)

    [JavaScript实用技巧(二)]Js操作DOM(由问题引发的文章改版,新人大佬都可!) 博客说明 文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人 ...

  4. JavaScript函数作用域与对象以及实用技巧

    1. JS作用域 1.1 全局作用域和局部作用域 函数外面声明的就是 全局作用域 函数内是局部作用域 全局变量可以直接在函数内修改和使用 变量,使用var是声明,没有var是使用变量. 如果在函数内使 ...

  5. JavaScript 实用技巧和写法建议

    1.前言 从大学到现在,接触前端已经有几年了,感想方面,就是对于程序员而言,想要提高自己的技术水平和编写易于阅读和维护的代码,我觉得不能每天都是平庸的写代码,更要去推敲,去摸索和优化代码,总结当中的技 ...

  6. js作用域对象与运用技巧

    1. JS作用域 1.1 全局作用域和局部作用域 函数外面声明的就是 全局作用域 函数内是局部作用域 全局变量可以直接在函数内修改和使用 变量,使用var是声明,没有var是使用变量. 如果在函数内使 ...

  7. 初学者学习JavaScript的实用技巧!

    Javascript是一种高级编程语言,通过解释执行.它是一门动态类型,面向对象(基于原型)的直译语言.它已经由欧洲电脑制造商协会通过ECMAScript实现语言标准化,它被世界上的绝大多数网站所使用 ...

  8. 总结vue知识体系之实用技巧

    vue 作为目前前端三大框架之一,对于前端开发者可以说是必备技能.那么怎么系统地学习和掌握 vue 呢?为此,我做了简单的知识体系体系总结,不足之处请各位大佬多多包涵和指正,如果喜欢的可以点个小赞!本 ...

  9. Notepad++ 实用技巧

    Notepad++是一款开源的文本编辑器,功能强大.很适合用于编辑.注释代码.它支持绝大部分主流的编程语言. 本文主要列举了本人在实际使用中遇到的一些技巧. 快捷键 自定义快捷键 首先,需要知道的是: ...

随机推荐

  1. WPF datagrid 获取行或单格为NULL 问题

    datagrid  属性 EnableRowVirtualization 设置为 false 解决...不要问我为什么. 害死我了

  2. xCode 升级9.3之后巨卡

    因为项目要适配iPhone8, iPhoneX 等.需要升级Xcode需要升级到9.3.但是 MAC系统是10.12的,需要升级到10.13. 系统升级完之后升级Xcode.之后Xcode 就各种卡. ...

  3. opencv模板匹配有趣的链接

    https://docs.opencv.org/3.0-beta/doc/py_tutorials/py_imgproc/py_template_matching/py_template_matchi ...

  4. ionic使用cordova插件中的Screenshot截图分享功能

    需要实现操作,考试完成后需要将成绩生成一张图片,分享出去, import { Screenshot } from '@ionic-native/screenshot'; constructor(pri ...

  5. [cloud][OVS][sdn] Open vSwitch 初步了解

    What is Open vSwitch? Open vSwitch is a production quality, multilayer virtual switch licensed under ...

  6. 转:web.xml 配置中classpath: 与classpath*:的区别

    原文链接:web.xml 配置中classpath: 与classpath*:的区别 引用自:http://blog.csdn.net/wxwzy738/article/details/1698393 ...

  7. MySQL中死锁(转)

    add by zhj: 总结一下,MySQL有主动和被动两种方式检测死锁. 主动方式:检查锁等待的图,如果有环,那就有死锁,这种情况下,会回滚事务. 被动方式:等待锁超时(即innodb_lock_w ...

  8. USB驱动框架

    以USB鼠标驱动为例 框架入口源文件: usb_mouse.c  hub.c (可根据入口源文件,再按着框架到内核走一遍) 内核版本:linux_2.6.22.6    硬件平台:JZ2440 以下是 ...

  9. 小程序升级实时音视频录制及播放能力,开放 Wi-Fi、NFC(HCE) 等硬件连接功能

    “ 小程序升级实时音视频录制及播放能力,开放 Wi-Fi.NFC(HCE) 等硬件连接功能.同时提供按需加载.自定义组件和更多访问层级等新特性,增强了第三方平台的能力,以满足日趋丰富的业务需求.” 0 ...

  10. uWSGI+APScheduler不能执行定时任务

    在本地项目中使用APScheduler运行定时任务ok,但是在服务器上用uwsgi部署的Django环境下,APScheduler定时任务并不会被启动. 原因:uwsgi 默认one thread o ...