jQuery 获取浏览器所在的IP地址的小例子
$(function () {
$("#btnGetIP").click(function () {
var jqxhr = $.getJSON("http://jsonip.appspot.com?callback=?",
function (data) {
alert(data.ip);
})
.error(function () { alert("error"); })
});
});
相关推荐
-
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自动切换/点击切换选项卡效果的小例子
复制代码 代码如下: <!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 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 =
-
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根据name属性查找的小例子
复制代码 代码如下: $("div[id]") 选择所有含有id属性的div元素 $("input[name='newsletter']") 选择所有的name属性等于'newsletter'的input元素 $("input[name!='newsletter']") 选择所有的name属性不等于'newsletter'的input元素 $("input[name^='news']")
-
jQuery判断checkbox是否选中的小例子
复制代码 代码如下: var systemBackup = $("#field_systemBackup").is(":checked"); 选中返回true, 未选中返回false
-
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点击弹出下拉菜单的小例子
复制代码 代码如下: <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时间验证和转换工具小例子
复制代码 代码如下: 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
随机推荐
- Asp.net mvc 权限过滤和单点登录(禁止重复登录)
- Vue axios 中提交表单数据(含上传文件)
- SocksCap32图文使用教程帮助
- VirtualBox简体中文版下载安装(图解教程)
- 如何让批处理程序启动的时候最小化
- C程序实现整数的素数和分解问题
- 浅谈Spring装配Bean之组件扫描和自动装配
- php生成无限栏目树
- 使用FastCGI部署Python的Django应用的教程
- 防止未登录用户操作—基于struts2拦截器的简单实现
- Android基于CountDownView的时间控件扩展
- php读取文件内容的几种方法详解
- javascript超过容器后显示省略号效果的方法(兼容一行或者多行)
- javascript数组去重的方法汇总
- 灵活定制收藏夹站点2法
- Android的Service应用程序组件基本编写方法
- QQ空间非主流大图模块之香烟点燃寂寞
- Java实现转跳不同系统使用枚举加switch的方式示例
- element-ui多文件上传的实现示例
- React 组件中的 bind(this)示例代码
