- 博客(18)
- 收藏
- 关注
RSS订阅原创 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
2370
原创 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
530
原创 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
723
1
原创 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
530
原创 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
378
原创 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
529
原创 jQuery遍历之向下遍历（children方法和find方法）
jQuery遍历向下遍历，利用children和find方法能更好的进行元素的控制
2019-05-15 20:44:27
588
原创 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
366
原创 JQuery扩展-noConflict（通过改变JQuery $符号简写，来实现框架之间不冲突）
JQuery中是把$符号当做自己的简写，jQuery有很多框架也可能把$符号作为简写，这样引用起来就会有冲突，所以就需要用什么方法来让JQuery换个简写的符号。
2019-05-15 12:49:02
253
原创 jQuery效果-回调（通过按钮实现文字的动画显示）
你需要在body标签中填入如下代码<button>隐藏</button><p>hello worldhello worldhello world</p><!--需要一个按钮来触发程序，p标签用来显示文字-->需要在js文件中写入如下代码$(document).ready(function(){ $("bu...
2019-05-14 20:23:36
392
原创 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
4493
原创 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
1074
原创 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
912
原创 jQuery效果-隐藏与显示（通过一个按钮执行）
<p>hello</p><button id="toggle">隐藏/显示</button>首先在body标签中写上如上代码$(document).ready(function(){ $("#toggle").click(function(){ $("p").toggle(1000); });});...
2019-05-12 19:40:50
792
原创 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
255
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人