美文网首页
HTML5小记十九

HTML5小记十九

作者: 涛涛灬灬 | 来源:发表于2017-03-28 19:38 被阅读0次

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小记十九

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

  • 小记(十九)

    2017年的第二天,被自己的重感冒折腾到夜不能安,处处求存在感,求安慰,最后还是转向小记。 跨年那晚,想把这篇小记...

  • HTML 5 多线程与离线存储

    @(HTML5)[多线程与离线存储] [TOC] 十九、HTML 5 多线程与离线存储 多线程 Worker 前端...

  • HTML5小记十四

    1.关于a:visited、a:hover、a:link设置一种效果未访问链接颜色为蓝色,活动链接为绿色,已访问链...

  • HTML5小记十五

    1.使用js将css中的控件属性进行获取和修改的操作: 仿照即达个人中心的css界面 document.getEl...

  • 每日小记(十九)

    前几天被领导叫来临时担任部门负责人,以为这是一个好差事,自己的机遇来了,谁知来了以后才发现,这里简直就是个坑呀! ...

  • 每日前端签到(第九十九天)

    第九十九天(2018-11-10) [html] 除了音频和视频,HTML5还支持哪些媒体标签? [css] CS...

  • HTML5学习小记八

    关于一些小知识点的总结 GET 和 POST 的区别?1、 get是从服务器获取数据 -----"取"; post...

  • HTML5学习小记十

    1.将多个div水平方向上等高居中显示:height:50%;2.关于swiper的图片展示方向问题://Slid...

  • HTML5学习小记九

    1.关于ajax的一些优缺点优点1 通过异步模式,提升了用户体验2优化了浏览器和服务器之间的传输,减少不必要的数据...

网友评论

      本文标题:HTML5小记十九

      本文链接:https://www.haomeiwen.com/subject/rsifottx.html