jQuery 获取浏览器所在的IP地址的小例子

代码如下:

$(function () {
    $("#btnGetIP").click(function () {
        var jqxhr = $.getJSON("http://jsonip.appspot.com?callback=?",
            function (data) {
                alert(data.ip);
            })
        .error(function () { alert("error"); })
    });
});

赞 (0)

相关推荐

  • jQuery 常见小例汇总

    1 //这段代码展示了在用户未输入值时, //如何在文本类型的input域中保留 //一个默认值 wap_val = []; $(".swap").each(function(i){ wap_val[i] = $(this).val(); $(this).focusin(function(){ if ($(this).val() == swap_val[i]) { $(this).val(""); } }).focusout(function(){ if ($.tr

  • Jquery时间验证和转换工具小例子

    复制代码 代码如下: var TimeObjectUtil;/** * @title 时间工具类 * @note 本类一律违规验证返回false * @author {boonyachengdu@gmail.com} * @date 2013-07-01 * @formatter "2013-07-01 00:00:00" , "2013-07-01" */TimeObjectUtil = {    /**     * 获取当前时间毫秒数     */    get

  • jQuery判断checkbox是否选中的小例子

    复制代码 代码如下: var systemBackup = $("#field_systemBackup").is(":checked"); 选中返回true, 未选中返回false

  • jQuery自动切换/点击切换选项卡效果的小例子

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK">&

  • jquery实现简单易懂的图片展示小例子

    HTML代码: 复制代码 代码如下: <body> <div style="overflow:hidden;width:360px;height:225px;position:absolute;top:30px;" id="div"> <div style="width: 360px; height: 900px; position: relative;" id="imgCon"> <

  • jquery checkbox实现单选小例

    复制代码 代码如下: $(function(){ $(':checkbox[name=flag]').each(function(){ $(this).click(function(){ if($(this).attr('checked')){ $(':checkbox[name=flag]').removeAttr('checked'); $(this).attr('checked','checked'); } }); }); }); <input name="flag" id

  • jquery根据name属性查找的小例子

    复制代码 代码如下: $("div[id]")              选择所有含有id属性的div元素   $("input[name='newsletter']")    选择所有的name属性等于'newsletter'的input元素 $("input[name!='newsletter']") 选择所有的name属性不等于'newsletter'的input元素 $("input[name^='news']")  

  • jQuery点击弹出下拉菜单的小例子

    复制代码 代码如下: <title>导航--点击弹出内容</title>    <style type="text/css">.navgation{margin:0;padding:0;list-style-type:none;position:relative;}.navgation li {float:left;}.navgation a{padding:3px 6px;background-color:orange;color:white;te

  • jQuery Form 页面表单提交的小例子

    复制代码 代码如下: <script type="text/javascript" src="${ctx}/js/jquery.form.js"></script>  <script type="text/javascript">      //创建测试实例      function createInstance() {          var options = {              succes

  • jquery动态增加删除表格行的小例子

    复制代码 代码如下: <script src="jquery/jquery-1.3.1.js"></script><style type="text/css">body{background:#FFFFFF;}</style></head><body><script> $(function(){ var show_count = 20;   //要显示的条数 var count =

随机推荐