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
//
});

你可能感兴趣的:(HTML5小记十九)