随笔分类 - Jquery
摘要:1.问题描述: JQuery使用$作为标示符,随着Jquery的流行,其他js库也会用这$作为标识符号,这样一起使用会引起冲突。 客观需求: 需要一个解决方案,让Jquery和其他js库不存在冲突,可以同时存在,这就叫多库共存。 JQuery解决方案: 1.把里面的$符号统一改成JQuery。比如J
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- 单价 --> <div class="p-price">$12.60</div> <div class="p-num"> <
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></scrip
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></scrip
阅读全文
摘要:http://pvp.qq.com/strategy/ 原来的案例 ,这里用的是opacity 和添加active类来完成的 下面是我的 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src=
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></scrip
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></scrip
阅读全文
摘要:<div class="box"> <div class="box" id="size-s" onclick="SizeButtonClick(this);">S</div> <div class="box" id="size-m" onclick="SizeButtonClick(this);">
阅读全文
摘要:*留意css的默认显示和面板隐藏 *留意active *html中的rel的导航属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="
阅读全文
摘要:+Tenus One <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"
阅读全文
摘要:+Tenus One <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- CSS --> <!-- 最新版本的 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="http
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>点击按钮切换内容</title> <style type="text/css"> .tab-menu ul{ padding: 0; margin: 0; }
阅读全文
摘要:直接上代码,复制粘贴就可以跑,注意最外面有一层$(function(){ }) 包住的。jQuery代码在<script></script>里面,要把注销去掉。一个一个看效果 +Tenus One <!DOCTYPE html> <html lang="en"> <head> <meta chars
阅读全文
摘要:一定要引入Jquery文件,不废话,直接上代码,复制粘贴就可以跑,在script括起来,已经注释了,自己一条一条看效果 +Tenus One <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv
阅读全文