jQuery
木偶跳舞
个人博客
展开
-
jQuery图片轮播效果
代码实例:仿手机腾讯网图片轮播效果@charset "utf-8";* {padding:0;margin:0;border:none;text-decoration:none;list-style:none;overflow:hidden;}#main{width:960px;height:450px;position:relative;left:50%;margin-left:原创 2015-11-05 17:26:35 · 775 阅读 · 0 评论 -
jQuery - AJAX load() 方法
load() 方法从服务器加载数据,并把返回的数据放入被选元素中。语法:$(selector).load(URL,data,callback);参数说明:必需的 URL 参数规定您希望加载的 URL。可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。可选的 callback 参数是 load() 方法完成后所执行的函数名称。实例:$(do原创 2016-03-29 10:33:44 · 1011 阅读 · 0 评论 -
jQuery学习--jQuery选择器
jQuery 选择器jQuery 选择器介绍:jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。jQuery 中所有选择器都以美元符号开头:$()。元素选择器转载 2015-12-26 23:26:32 · 593 阅读 · 0 评论 -
PHP 判断是否为 AJAX 请求
先说前端使用 jQuery 时怎么区分: jQuery 发出 ajax 请求时,会在请求头部添加一个名为 X-Requested-With 的信息,信息内容为:XMLHttpRequest 在后端可以使用 $_SERVER[“HTTP_X_REQUESTED_WITH”] 来获取。(注意:中划线换成了下划线,不区分大小写) 由此,我们可以这样来判断是否为 ajax 请求:// php 判断是否转载 2016-07-19 18:19:34 · 2845 阅读 · 0 评论 -
jquery元素遍历
1、遍历祖先元素:parent() :返回被选元素的直接父元素。$(document).ready(function(){ $("span").parent();});parents() : 返回被选元素的所有祖先元素,它一路向上直到文档的根元素 ()。$(document).ready(function(){ $("span").parents();});//也可以使用可选参数来过滤原创 2016-08-05 15:47:45 · 530 阅读 · 0 评论 -
jquery元素过滤
first() :返回被选元素的首个元素。$(document).ready(function(){ //选取首个 <div> 元素内部的第一个 <p> 元素: $("div p").first();});last() : 返回被选元素的最后一个元素。$(document).ready(function(){ //选择最后一个 <div> 元素中的最后一个 <p> 元素原创 2016-08-05 15:53:43 · 399 阅读 · 0 评论 -
jQuery学习--添加元素
用于添加新内容的四个 jQuery 方法:append() - 在被选元素的结尾插入内容prepend() - 在被选元素的开头插入内容after() - 在被选元素之后插入内容before() - 在被选元素之前插入内容jQuery append() 方法jQuery append() 方法在被选元素的结尾插入内容。$("p").app原创 2016-01-12 23:18:26 · 732 阅读 · 0 评论 -
$(document).ready()与$(window).load()的区别
1.执行时间不同:从字面的意思上理解,$(document).ready()就是文档准备好了。也就是浏览器已经解析完整个html文档,dom树已经建立起来了,这时就可以通过class属性或者id属性等等对dom进行操作等。而$(window).load()就是整个页面已经加载完毕。与前者的区别是dom树虽然已经建立起来了,但页面不一定加载完毕,如一些大的图片等,加载完成就需要一定的时间;但是页面加载转载 2016-08-09 16:23:00 · 419 阅读 · 0 评论 -
iframe 跨域
方法一: window.name 跨域: 原理:name 在浏览器环境中是一个全局window对象的属性,在一个窗口中赋了window.name之后,无论怎么刷新该窗口其window.name属性都不会变。但window.name 属性仅对相同域名的 iframe 可访问。因此我们可以在异域目标页面将要获取的数据赋值给window.name ,此时对该窗口进行换域,换成本域url,此时本域即可原创 2016-09-02 16:10:25 · 1698 阅读 · 0 评论 -
js/jquery_jsonp 跨域
同源策略,它是由Netscape提出的一个著名的安全策略。现在所有支持JavaScript 的浏览器都会使用这个策略。所谓同源是指,域名,协议,端口相同。当一个浏览器的两个tab页中分别打开来 百度和谷歌的页面当一个百度浏览器执行一个脚本的时候会检查这个脚本是属于哪个页面的,即检查是否同源,只有和百度同源的脚本才会被执行。解决这个问题的方法即为跨域。解决跨域问题的方法如下:1、javasc原创 2016-03-30 16:50:08 · 521 阅读 · 0 评论 -
js 窗口操作
jquery获取父窗口的元素:$("#父窗口元素ID",window.parent.document).find("#man_id").val(); //对应javascript版本为window.parent.document.getElementByIdx_x("父窗口元素ID").value;$(window.parent.frames["mainFrame"].document).fi转载 2016-08-15 16:17:19 · 740 阅读 · 0 评论 -
树状图插件 zTree
功能特点:demo演示实例:http://www.treejs.cn/v3/demo.php#_101代码下载地址:https://github.com/zTree/zTree_v3原创 2016-11-04 14:56:26 · 2195 阅读 · 0 评论 -
jQuery学习--jQuery 元素替换
jQuery replaceAll() 方法把最后一个 元素替换为 元素:$("button").click(function(){$("Hello world!").replaceAll("p:last");});replaceAll() 方法吧被选元素替换为新的 HTML 元素。jQuery replaceWith() 方转载 2016-01-12 23:30:30 · 1109 阅读 · 0 评论 -
jQuery学习--jQuery 删除元素
删除元素/内容jQuery remove() 方法jQuery remove() 方法删除被选元素及其子元素。remove() 方法移除被选元素,包括所有的文本和子节点。该方法也会移除被选元素的数据和事件。$("#div1").remove();jQuery empty() 方法jQuery empty() 方法删除被原创 2016-01-12 23:25:01 · 568 阅读 · 0 评论 -
jQuery学习--jQuery页面加载完成事件
文档就绪事件所有 jQuery 函数位于一个 document ready 函数中:$(document).ready(function(){ // 此处填写页面加载完成后要执行的操作});这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码。如果在文档没有完全加载之前就运行函数,操作可能失败。提示:简洁写法(与以上写法转载 2015-12-26 22:18:46 · 6005 阅读 · 0 评论 -
jquery 实现tab选项卡功能
代码示例:ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 32px; border-bottom: 1px solid #999; border-left: 1px solid #999; width: 100%;}ul.tabs li { float: left;原创 2015-10-22 10:44:13 · 2789 阅读 · 0 评论 -
jQuery实现购物车物品数量的加减
jQuery实现购物车物品数量的加减$(function(){ var t = $("#text_box"); $("#add").click(function(){ t.val(parseInt(t.val())+1) setTotal(); }) $("#min").click(function(){ t.val(parseInt(t.val())-1) if原创 2015-11-11 13:29:52 · 3844 阅读 · 1 评论 -
jQuery实现页面详情展开收起
jQuery实现页面详情展开收起.detailpd { padding-top:10px; } // 显隐项目介绍详情 $(function view_details_click(){ $("#detailmain_a").bind('click',function(){ if($("#deal_info_box").is(":hidden")){ $("#deal原创 2015-11-11 15:17:27 · 11607 阅读 · 0 评论 -
jQuery实现页面背景随机切换
jQuery实现页面背景随机切换.back { position: absolute; width: 1000px; height: 100px; background-size: cover;} $(document).ready(function(){ var imgArr=["bg001.jpg", "bg002.png", "bg003.png"原创 2015-11-11 14:03:06 · 2991 阅读 · 0 评论 -
jquery获取屏幕尺寸方法
jquery获取屏幕尺寸window.alert($(window).height()); //浏览器当前窗口可视区域高度 window.alert($(document).height()); //浏览器当前窗口文档的高度 window.alert($(document.body).height());//浏览器当前窗口文档body的高度 window.alert($(documen原创 2015-11-11 18:32:46 · 4564 阅读 · 0 评论 -
jquery实现当页面滚动超过一屏时显示返回顶部按钮
jquery实现当页面滚动超过一屏时显示返回顶部按钮 #go_top{position:fixed; LEFT: 85%;bottom:50px;}$(document).ready(function(){ $("#go_top").hide(); $(function () { //检测屏幕高度 var height=$(window).height(); //scr原创 2015-11-11 18:17:22 · 7659 阅读 · 0 评论 -
jQuery学习--jQuery DOM 操作
jQuery DOM 操作获得内容 - text()、html() 以及 val()三个简单实用的用于 DOM 操作的 jQuery 方法:text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)val() - 设置或返回表单字段的值例:$("#btn1").click(function转载 2015-12-28 18:06:00 · 542 阅读 · 0 评论 -
jQuery学习--jQuery CSS 操作
jQuery 操作 CSSaddClass() - 向被选元素添加一个或多个类removeClass() - 从被选元素删除一个或多个类toggleClass() - 对被选元素进行添加/删除类的切换操作css() - 设置或返回样式属性实例样式表下面的样式表将用于本页的所有例子:.important{font-weight:bold转载 2015-12-30 17:48:06 · 403 阅读 · 0 评论 -
thinkphp3.2 验证码生成和点击刷新验证码示例
thinkphp3.2 验证码生成和点击刷新验证码示例一、实例化生成验证码的类(该方法放到IndexController里面便于访问)/** * * 验证码生成 */ public function verify_c(){ $Verify = new \Think\Verify(); $Verify->fontSize转载 2015-12-17 12:49:29 · 649 阅读 · 0 评论 -
jquery 倒计时代码
jQuery代码如下: //定义方法 function GetRTime(){ //获取当前时间 var NowTime = new Date(); //获取终止时间,在HTML中,通过id获取 var EndTime = $("#begin_time").text(); //计算终止时间与当原创 2015-12-02 16:37:05 · 3896 阅读 · 0 评论 -
jquery学习--jQuery安装
网页中添加 jQuery有两种方式:从 jquery.com 下载 jQuery 库从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery下载 jQuery:有两个版本的 jQuery 可供下载:Production version - 用于实际的网站中,已被精简和压缩。jquery.min.jsDevelopment ve原创 2015-12-26 14:48:26 · 632 阅读 · 0 评论 -
jquery 常用代码片段
检测IE浏览器$(document).ready(function() { if (navigator.userAgent.match(/msie/i) ){ alert('I am an old fashioned Internet Explorer'); } }); 平滑滚动至页面顶部$("a[href='#top']").click(function()转载 2016-11-15 15:57:55 · 362 阅读 · 0 评论