Byte_Dance的博客

实例:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="http://code.jquery

前端页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="http://apps.bdimg.com/libs/

HTML页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>微博</title> <script src="http://libs.baidu.com/jquer

我们在用JQuery的Ajax从后台提取数据后想把它赋值给全局变量，但是却怎么都赋不进，为什么呢？原因其实很简单，我们用的Ajax是异步操作，也就是说在你赋值的时候数据还没提取出来，你当然赋不进去，所以只要改成同步操作就行~方法１：先设置同步在进行Ajax操作?//在全局或某个需要的函数内设置Ajax异步为false，也就是同步$.ajaxSetup({ async ...

在页面和页面之间传输数据的时候1:可以使用cookie 和 session ;2:可以使用from表单传输地址的时候 给form 表单的href里边的index.php 后边添加一个 ? 加上想要发送的数据.传输方法可以使用        POST方法,但是在传数据过去的时候, id值是直接跟在地址栏上的,所以是明文传输,但是from表单里边的内容还是POST密文传输    a标签发送...

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial

html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href=&quo

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>请求</title> <script src="http://libs.baidu.com/jquery/2.1.

自封装插件 : <script> /*** * 使用方法: * 调用方法时,后边的效果会覆盖前面的,所以只需要调用一次即可 * 此方法全局只执行一次,只有定义了animated类名的才能使用此方法 * <div class="animated bt"></div> /可以使用 * ...

 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, in

电商网站放大镜效果<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head...

1：资源下载　　https://github.com/malihu/malihu-custom-scrollbar-plugin，我是从这里下载的。2：引入　　注意顺序。<link rel="stylesheet" href="jquery.mCustomScrollbar.css"><script src="malihu-custom-scrollbar-plugin-mas...

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial

 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { ma

table选项卡原理$(this).addClass("active").siblings().removeClass("active");

这个方法需要注意的是 : img元素必须要在CSS内先指定宽度,不然等JS去设置宽度的时候,由于图片本身加载进来的时候是图片原来的尺寸,当加载过程中鼠标一旦滑动了一下,就会触发hover离开的函数,这时候再鼠标滑动进去,相当于执行了两次hover离开,就会出现滚动停不下来的情况.为防止 定时器累加 这种情况出现,也可以给定时器上做好预防(即开启定时器之前 都要先关闭定时器):&l...

 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, in

ajax$.ajax({ type: "get", data:{random:123}, url: "http://www.98china.cn/kuayu.php", dataType: "jsonp", jsonp: "callback", success: function(data) {...

<form action="upload.php" method="post" enctype="multipart/form-data"> <div> <img src="" class="img"> </div> <input type=

 前端发送页面：需要引入两个包 jquery.js 和 html2canvas.js html2canvas下载传送门：http://html2canvas.hertzen.com/<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <met

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> 　　 <script src="https://code.jquery.com/

效果 1.基本效果         show()                                显示隐藏的匹配元素。          show(speed, [callback])      可以根据指定的速度动态地改变每个匹配元素的高度、宽度和不透明度。 (其中slow :600ms  normal : 400ms    fast : 200ms  都需要写在"" 里边...

在form表单内插入一个button按钮,按钮点击后会自动提交表单,本来是想用Jquery给button添加一个事件用来设置多选框的全选 全不选和反选的问题的,但是发现定义在form标签区域内的button点击之后没有反应,闪一下就过去了.于是给form表单的action属性赋了一个值,发现点击button按钮后表单提交了.于是将button按钮定义在form表单外部,以防止表单自动提交,还可以不...

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>关系查找演示</title> <!--百度在线压缩地址--> <script src=&q

Jquery选择器 1:基础选择器 #id              id名选择器    $("#hid") ele              元素选择器,例如选择所有的h1元素 $("h1") .class class    属性选择器,选择所有的class名一样的元素 $(".classname")  *              所有元素选择器 $("*") sel1 , sel...

首先我们要搞清楚,筛选和选择器的区别 :选择器是直接返回选中的对象，比如$("hid") ,这么做是使用id选择器直接返回一个对象而筛选则是从已经找到的对象中进一步做一些选取操作,简单来说就是选择器操作的是HTML标签, 而筛选操作的是已经选取了的Jquery对象 , first()是从集合中返回需要的对象，不更改原来的集合，你可以对集合进行更过的过滤操作，而选择器你只能重新另外选对象了筛选 1....

Jquery属性 1.属性             attr(name)         获取属性名字的值 如 attr("src"), 在JS脚本中,使用this.src往往会返回一大堆的网页前缀                                                        而使用attr("src")就很纯净,本身的地址是什么就返回什么.        ...

hover ： 悬停可以指定两个函数功能1和功能2，鼠标移入触发功能1，移除触发函数2;mouseover ：不论鼠标指针穿过被选元素或其子元素，都会触发mouseover事件。mouseenter ：只有在鼠标指针穿过被选元素时，才会触发mouseenter事件。        这样的话，的mouseenter子元素不会反复触发事件，否则在IE中经常有闪烁情况发生。mouseout : 不论鼠标...

1.内部插入             append(content | fn)   向每个匹配的元素内部追加内容。 $("A").append("B"); 把B内容追加到A元素内容                                   最后 B-->A             appendTo(content)      把所有匹配的元素追加到另一个指定的元素元素集合...

原文链接 http://blog.poetries.top/2016/12/13/js-props 声明：本文根据慕课网学习视频整理强烈建议打开控制台自己动手练习一遍，这样印象才会深刻第一部分 JavaScript中的宽高属性一、与window相关的宽高属性1.1 window.location和document.locationwindow对象的location属性引用的是location对象，...

如果某个元素调用了 toggle(), 那么就表示要把这个元素隐藏或者显示出来,括号里可以添加毫秒数,来规定具体显示或隐藏需要的时间;如果括号内是两个或多个函数toggle( fn1 , fn2...);  那么每点击一次,就会在这些函数中切换...

使用Jquery的回到顶部方法:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--百度在线压缩地址--> &l

原文链接 : http://blog.youkuaiyun.com/BaiHuaXiu123/article/details/51959955这里就谈谈this与$(this)的区别。1、jQuery中this与$(this)的区别 $("#textbox").hover( function() { this.title = "Test"; ...

9.1.页面载入     * 1:DOM加载完毕     * ( 1.1)当所有的标签都载入到页面的时候,调用脚本代码,这个时候只需要把所有的script标签放在body体之后就可以了     * ( 1.2)在实际开发过程中,都是直接写在外部 .js包内的文件,需要靠语句来引入,这个时候js引入标签就写在body体上边了, 我们需要再js代码内加入一段函数包裹     *  ...

使用Bootstarp官方插件创建一个幻灯片<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Jquery移入移出幻灯片效果</title> <!--匹配移动端--&

    浏览器以及特性检测              $.support              jQuery 1.3 新增。一组用于展示不同浏览器各自特性和bug的属性集合。                                                            jQuery.support.boxModel(参数有:boxModel . cssFloat . ...

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>鼠标拖动元素跟随功能</title> <!--百度在线压缩地址--> <script sr

酒仙网老式动态菜单栏:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>老式左侧导航栏</title> <!--百度在线压缩地址--> <s

8:CSS处理 CSS样式         css(name)                 访问第一个匹配元素的样式属性。$("p").css("color");         css(properties)          把一个“名/值对”对象设置为所有匹配元素的样式属性。                                                     ...