当前位置:首页 > 资源分类 > jQuery资源下载

jQuery文档、视频、电子书、源码

本标签包含:12个资源
jQuery 相关笔记精选
网友NO.889465

jQuery中detach()方法用法实例

本文实例讲述了jQuery中detach()方法用法。分享给大家供大家参考。具体分析如下: 此方法从DOM中删除所有匹配的元素。 说明: detach()方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素,与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来。 语法结构: $(selector).detach(expr) 参数列表: 参数 描述 expr 可选。用于筛选被删除元素的jQuery表达式。 实例代码: 实例一: !DOCTYPE html html head meta charset=" utf-8" meta name="author" content="//www.jb51.net/" / title码农之家/title script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"/script script type="text/javascript" $(document).ready(function(){ $("button").click(function(){ $("div").detach("#first"); }); }) /script /head body div id="first"欢迎来到码农之家/div div码农之家欢迎您/div button点击查看效果/button /body /html 以上代码能够删除……

网友NO.149492

jQuery实现的类似淘宝网站搜索框样式代码分享

运行效果图: ----------------------查看效果----------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。 为大家分享的类似淘宝网站搜索框样式代码如下 headmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /title淘宝网选项卡类型搜索框样式代码/titlescript type="text/javascript" src="js/jquery-1.7.2.min.js"/scriptscript type="text/javascript"$(function(){ $(".bodys p").not(":first").hide(); $(".searchbox ul li").mouseover(function(){ var index = $(this).index(); if(index==0){ $(this).find("a").addClass("style1"); $("li").eq(1).find("a").removeClass("style2"); $("li").eq(2).find("a").removeClass("style3"); } if(index==1){ $(this).find("a").addClass("style2"); $("li").eq(0).find("a").removeClass("style1"); $("li").eq(2).find("a").removeClass("style3"); } if(index==2){ $(this).find("a").addClass("style3"); $("li").eq(0).find("a").removeClass("style1"); $("li").eq(1).find("a").removeClass……

网友NO.548106

360提示[高危]使用存在漏洞的JQuery版本的解决方法

今天发现360给我发送了一封邮件,发现网站: 使用存在漏洞的JQuery版本 ,黑客可以利用这个漏洞入侵您的网站。 然后到360检测查看了解决办法 但是感觉并没有什么用,而方案二的解决办法又要加群, 博主感觉这是不是360的一个圈套,就看你们跳还是不跳了。 博主这里放出2个解决办法,都能够解决。 第一种:这种只能够瞒着360,但漏洞依然存在,那就是 删除JQ的版本号,360还没那么智能,也只能通过注释信息查询版本号,并不能扫描JQ内容来判断JQ的版本号。 第二种:用最新版本的JQ也可以解决,博主在这里建议用第二种,能够解决JQ漏洞。 JQ最新版本下载地址://www.jb51.net/zt/jquerydown.htm 注意版本的选择:jquery-2.1.4 (注意:jquery-2.0以上版本不再支持IE 6/7/8) 我们使用的是1.10.2那么可以选择1.11的版本,如果你的网站使用了jquery的一些特殊功能,需要注意……

网友NO.381730

基于jquery实现放大镜效果

各大商城详细页面产品图片特效展示,鼠标滑过小图显示中图,鼠标滑过中图显示大图展示,jquery放大镜效果图片类似图片放大镜展示,提高用户体验设计,jquery 图片放大镜效果是典型的一款图片特效展示。 效果图如下: 图片大框初始样式: div class="goods-imginfo-bimg-box" /div 添加放大区域框和放大效果框 picBox=$('.goods-imginfo-bimg-box');picBox.css('position','relative');picBox.append('div class="mag-sbox"/div');picBox.append('div class="mag-box"/div'); 添加样式表 $("head").append('link rel="stylesheet" type="text/css" href="themes/od/css/mag.css"'); 样式 @CHARSET "UTF-"; .mag-sbox{position: absolute;border: px solid #fff;background-color: rgba(,,,.);cursor: crosshair;z-index: ;display: none;} .mag-box{position: absolute;left: %;top:;margin-left: px;border:px solid #ccc;width: %;height:%; background-size: cover;background-color: #fff;z-index: ;display: none; }js /* * 放大镜效果……

网友NO.216992

js弹出框轻量级插件jquery.boxy使用介绍

当你需要使用弹出框时,当然可以使用jquery-ui,artdiag,blockUI等等,但今天我介绍一个轻量级的插件 boxy!它可以把美工设计的弹出框很容易的体现出来,而且兼容性还不错! script type='text/javascript' $(function() { $('#ask-actuator').click(function() { Boxy.ask("How are you feeling?", ["Great", "OK", "Not so good"], function(val) { alert("You chose: " + val); }, {title: "This is a question..."}); return false; }); $('#alert-actuator').click(function() { Boxy.alert("File not found", null, {title: 'Message'}); return false; }); $('#confirm-actuator').click(function() { Boxy.confirm("Please confirm:", function() { alert('Confirmed!'); }, {title: 'Message'}); return false; }); }); /script 你可以根据你的需要,把内容的ID替换到Boxy(content)中的content位置,方便之极。……

网友NO.892408

jquery插件splitScren实现页面分屏切换模板特效

闲来无事,搞了个页面的分屏效果,先来看下效果: 出于可自定义宽高的目的,屏幕分块由CSS控制,由js控制估计等分模块效果一般. 程序相关说明: HTML结构: div class="header" header/div div class="container" id="displayArea" !-- 分屏内容渲染区域 -- /divdiv class="footer" !--省略其他代码--/div js调用: //分屏数据 var iframes = [ { id:'frames_1', frameName:'百度一下', src:'http://www.baidu.com' }, { id:'frames_1', frameName:'百度地图', src:'http://map.baidu.com' }, { id:'frames_1', frameName:'百度下', src:'http://www.baidu.com' }, { id:'frames_1', frameName:'百度视频', src:'http://v.baidu.com' }, { id:'frames_1', frameName:'百度新闻2', src:'http://news.baidu.com' }, { id:'frames_1', frameName:'test6', src:'6.html' }, { id:'frames_1', frameName:'百度新闻', src:'http://news.baidu.com' }, { id:'frames_1', frameName:'88888', src:'6.html' }, { id:'frames_1', frameName:'百度更多', src:'http://……

电子书 编程教程 PC软件下载 安卓软件下载

Copyright 2018-2020 xz577.com 码农之家

本站所有电子书资源不再提供下载地址,只分享来路

免责声明:网站所有作品均由会员网上搜集共同更新,仅供读者预览及学习交流使用,下载后请24小时内删除

版权投诉 / 书籍推广 / 赞助:QQ:520161757