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动态增加删除表格行的小例子
复制代码 代码如下: <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 =
-
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判断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根据name属性查找的小例子
复制代码 代码如下: $("div[id]") 选择所有含有id属性的div元素 $("input[name='newsletter']") 选择所有的name属性等于'newsletter'的input元素 $("input[name!='newsletter']") 选择所有的name属性不等于'newsletter'的input元素 $("input[name^='news']")
-
jQuery Form 页面表单提交的小例子
复制代码 代码如下: <script type="text/javascript" src="${ctx}/js/jquery.form.js"></script> <script type="text/javascript"> //创建测试实例 function createInstance() { var options = { succes
-
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点击弹出下拉菜单的小例子
复制代码 代码如下: <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
随机推荐
- Angular ui.bootstrap.pagination分页
- python实现的DES加密算法和3DES加密算法实例
- JS实现Fisheye效果动感放大菜单代码
- Python求两个list的差集、交集与并集的方法
- Python程序设计入门(3)数组的使用
- 用js闭包的方法实现多点标注冒泡示例
- C#使用jQuery实现无刷新评论提交的方法
- PHP学习之PHP变量
- Python中格式化format()方法详解
- js+html5实现canvas绘制椭圆形图案的方法
- iOS应用设计模式开发中对简单工厂和工厂方法模式的运用
- node.js中的http.createServer方法使用说明
- Ruby中case表达式详解
- PowerShell实现在多个文件中检索关键字功能
- JavaScript 悬浮窗口实现代码
- JavaScript极简入门教程(二):对象和函数
- Yii2组件之多图上传插件FileInput的详细使用教程
- python生成二维码的实例详解
- JavaScript代码执行的先后顺序问题
- 微信跳一跳辅助python代码实现