jquery
关注
分享
扫一扫
飞翔的仙女杀手
这个作者很懒，什么都没留下…
展开
-
jQuery效果-回调（通过按钮实现文字的动画显示）
你需要在body标签中填入如下代码<button>隐藏</button><p>hello worldhello worldhello world</p><!--需要一个按钮来触发程序，p标签用来显示文字-->需要在js文件中写入如下代码$(document).ready(function(){ $("bu...原创 2019-05-14 20:23:36 · 398 阅读 · 0 评论 -
jQueryUI-自动补全（autocomplete）
你需要在body标签中写入如下代码<label for="tags">tags</label><input id="tags">你需要在js文件中写入如下代码$(document).ready(function(){ var autotags=["iwen","ime","html","css","javascript","java","a...原创 2019-05-18 20:17:43 · 535 阅读 · 0 评论 -
jQuery UI 实例 - 排序（Sortable）
jQuery UI 实例 - 排序（Sortable）原创 2019-05-18 13:22:52 · 573 阅读 · 0 评论 -
jQuery UI-拖动效果（draggable方法）
jQuery UI-拖动效果（draggable方法），可以实现元素块的拖动原创 2019-05-17 20:22:34 · 3116 阅读 · 0 评论 -
jQuery效果-滑动（slide系列）
在body中你需要四个div块<div id="flipshow">点击</div><div id="fliphide">隐藏</div><div id="fliptoggle">隐藏/显示</div><div id="content">Hello World</div>在js文件中写入...原创 2019-05-12 21:54:54 · 4511 阅读 · 0 评论 -
jQuery-效果-淡入淡出（fade系列）
在body标签中写入如下代码<button id="in">fadeIn</button> <button id="out">fadeOut</button> <button id="toggle">fadeToggle</button> <button id="to...原创 2019-05-12 21:05:53 · 1086 阅读 · 0 评论 -
JQuery显示和隐藏元素进阶（动画效果）
你需要在body标签中写入如下代码<script> for(var i = 0;i<5;i++){ $("<div>").appendTo(document.body); //写出5个div块 } $("div").click(function(){ ...原创 2019-05-12 20:13:07 · 918 阅读 · 0 评论 -
jQuery效果-隐藏与显示（通过一个按钮执行）
<p>hello</p><button id="toggle">隐藏/显示</button>首先在body标签中写上如上代码$(document).ready(function(){ $("#toggle").click(function(){ $("p").toggle(1000); });});...原创 2019-05-12 19:40:50 · 797 阅读 · 0 评论 -
JQuery的显示和隐藏元素
在body中创建一个p标签和两个button<p>hello</p><button id="hide">隐藏</button><button id="show">显示</button>需要在上面先引入jquery文件和js文件js代码如下$(document).ready(function(){ $("#...原创 2019-05-12 19:21:49 · 261 阅读 · 0 评论 -
jQuery遍历之同级遍历（siblings、next、nextAll、nextUntil方法）
在div中写下如下代码div class="bd"> <p>P</p> <h2>h2</h2> <h3>h3</h3> <h4>h4</h4> <h5>h5</h5> <h6>h6</h6></div...原创 2019-05-16 21:15:40 · 384 阅读 · 0 评论 -
jQuery遍历之向上遍历（parent方法、parents方法、parentsUntil方法）
你需要在body中写下如下代码div id="div1">div1 <div id="div2">div2 <p><a>hello</a></p> </div></div>在js文件中写上如下代码$(document).ready(function(){ $("...原创 2019-05-15 21:34:34 · 538 阅读 · 0 评论 -
jQuery遍历之向下遍历（children方法和find方法）
jQuery遍历向下遍历，利用children和find方法能更好的进行元素的控制原创 2019-05-15 20:44:27 · 592 阅读 · 0 评论 -
jQueryUI-显示滚动条的滚动效果（progressbar）
在body中只需要个有id的div即可<div id="pb"></div>js文件中的代码var pb;var max=100;var current=0;$(document).ready(function(){ pb=$("#pb"); pb.progressbar({max:100}) //设置滚动条的最大值 setI...原创 2019-05-20 21:48:00 · 534 阅读 · 0 评论 -
jQueryUI-通过按钮来弹出Dialog
你需要在body中写入如下代码<div id="div"> <p>这是一个对话框dialog</p></div><a id="btn">按钮</a>js文件你需要这样写$(document).ready(function(){ $("#btn").button().on("click",f...原创 2019-05-20 21:15:30 · 729 阅读 · 1 评论 -
jQuery-jQuery Css方法（addClass、toggleClass）
你需要在body中写一对div，然后在css文件中写下如下代码.style1{ width: 100px; height: 100px; background-color: aqua;}.style2{ width: 100px; height: 100px; background-color: blue;}在js文件中写下如下代码...原创 2019-05-15 13:36:33 · 369 阅读 · 0 评论 -
JQuery扩展-noConflict（通过改变JQuery $符号简写，来实现框架之间不冲突）
JQuery中是把$符号当做自己的简写，jQuery有很多框架也可能把$符号作为简写，这样引用起来就会有冲突，所以就需要用什么方法来让JQuery换个简写的符号。原创 2019-05-15 12:49:02 · 258 阅读 · 0 评论 -
jQueryUI-滑动条效果（slider方法）
你需要在body中写下如下代码 <span id="span">0</span> <div id="slider"></div>你需要在js文件中写下如下代码var valueSpan,slider;$(document).ready(function(){ slider=$("#slider"); valueSpan=$...原创 2019-05-23 20:02:28 · 2377 阅读 · 0 评论