HTML5小记十九

1.监听某一个事件,只执行一次one()
var press = $('#press');

press.one('click',function(){//这个方法只执行一次
alert('This alert will pop up only once');
});
2.通过jQuery获得电脑的一个网站ip
$.get('http://jsonip.com/', function(r){ log(r.ip); });

3.通过API获取免费的天气预报信息
// Request weather data:
var api = 'http://openweathermap.org/data/2.1/find/name?q=paris,france&callback=?';

$.getJSON(api, function(r){
// This will always give the current picture
log(r.list[0].name + ', ' + r.list[0].sys.country);
log(r.list[0].main);

// Temperatures are in kelvin, subtract 273.15 to convert to Celsius,

});
4.获取一些操作元素:

$(document).ready(function(){
        console.log('获取到数据了 '+$( "#hover").css("background"));
//  $("#hover").css("background");//返回元素的背景颜色
//  console.log("邦办雇主"+$( "#hover").css("background"));
//$("#hover").css("background","#ccc")//设定元素背景为灰色
//$("#hover").height(300); $("#msg").width(200);//设定宽高
//$("#hover").css({ color: “red", background: “blue" });//以名值对的形式设定样式
//$("#hover").addClass("select");//为元素增加名称为select的class
//$("#hover").removeClass("select");//删除元素名称为select的class
//$("#hover").toggleClass("select");//如果存在(不存在)就删除(添加)名称为select的class
//
});
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,890评论 18 139
  • 《ijs》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 5,313评论 0 7
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,827评论 2 17
  • “江南好,风景旧曾谙。日出江花红胜火,春来江水绿如蓝。能不忆江南?”,人间美景在江南,江南美景数苏杭。 西湖有一山...
    学霸在线阅读 431评论 0 1
  • 每次想到写日记的时候都是心情烦闷引起的。 感觉自己的社交上有着不小的问题。大家都觉得我人缘还可以,我以前也是这么觉...
    随笔lxy阅读 387评论 0 0