自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 第一个AngularJS Web应用(文本框输入,列表显示内容)

AngularJS Web应用(文本框输入,列表显示内容)

2019-06-08 14:09:08 544

原创 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 2290

原创 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 471

原创 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 648 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 499

原创 jQuery UI 实例 - 排序(Sortable)

jQuery UI 实例 - 排序(Sortable)

2019-05-18 13:22:52 536

原创 jQuery UI-拖动效果(draggable方法)

jQuery UI-拖动效果(draggable方法),可以实现元素块的拖动

2019-05-17 20:22:34 3064

原创 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 335

原创 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 495

原创 jQuery遍历之向下遍历(children方法和find方法)

jQuery遍历向下遍历,利用children和find方法能更好的进行元素的控制

2019-05-15 20:44:27 538

原创 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 333

原创 JQuery扩展-noConflict(通过改变JQuery $符号简写,来实现框架之间不冲突)

JQuery中是把$符号当做自己的简写,jQuery有很多框架也可能把$符号作为简写,这样引用起来就会有冲突,所以就需要用什么方法来让JQuery换个简写的符号。

2019-05-15 12:49:02 216

原创 jQuery效果-回调(通过按钮实现文字的动画显示)

你需要在body标签中填入如下代码<button>隐藏</button><p>hello worldhello worldhello world</p><!--需要一个按钮来触发程序,p标签用来显示文字-->需要在js文件中写入如下代码$(document).ready(function(){ $("bu...

2019-05-14 20:23:36 364

原创 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 4353

原创 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 1012

原创 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 858

原创 jQuery效果-隐藏与显示(通过一个按钮执行)

<p>hello</p><button id="toggle">隐藏/显示</button>首先在body标签中写上如上代码$(document).ready(function(){ $("#toggle").click(function(){ $("p").toggle(1000); });});...

2019-05-12 19:40:50 759

原创 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 198

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除