jQuery 获取浏览器所在的IP地址的小例子
$(function () {
$("#btnGetIP").click(function () {
var jqxhr = $.getJSON("http://jsonip.appspot.com?callback=?",
function (data) {
alert(data.ip);
})
.error(function () { alert("error"); })
});
});
相关推荐
-
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 =
随机推荐
- Ajax教程实例详解
- JSP session配置对web应用的影响
- Oracle VM VirtualBox 在linux系统下安装增强插件实现访问主机的共享文档方法
- Windows系统组策略应用最新技巧
- java 中链表的定义与使用方法
- Xcode 下删除Provisioning Profiles文件详细介绍
- 学习iOS全局跑马灯
- 遗传算法之Python实现代码
- 返回上一页并自动刷新的JavaScript代码
- Android开发技巧之像QQ一样输入文字和表情图像
- ES6学习笔记之正则表达式和字符串正则方法分析
- javascript 获取元素位置的快速方法 getBoundingClientRect()
- CentOS下redis自启动shell脚本
- 浅谈php的优缺点
- jQuery遍历Form示例代码
- js下用eval生成JSON对象
- 使用OpenLayers3 添加地图鼠标右键菜单
- 详解C++编程中的嵌套类的声明与其中的函数使用
- java对数组进行排序的方法
- 微信小程序实现图片懒加载的示例代码