JQ
关注
分享
扫一扫
Zjaun
产品经理
展开
-
Jquery——简单例子
制作简易版jquery插件<script src="jquery.bgColor.js"></script><script>$(function () {$("div").bgColor("red").width(400);});</sc原创 2019-02-13 22:36:44 · 2203 阅读 · 0 评论 -
Jquery——tab栏切换
css+body<style type="text/css">* {margin: 0;padding: 0;}ul {list-style: none;}.wrapper {width: 1000px;height: 475px;margin: 0 auto;margin-top: 100px;}.tab {border: 1px solid #...原创 2019-02-13 23:31:29 · 644 阅读 · 0 评论 -
Jquery——点击显示图片+突出显示
css+body&lt;style type="text/css"&gt; body { font-family: "Helvetica", "Arial", serif; color: #333; background-color: #ccc; margin: 1em 10%; } h1 {原创 2019-02-13 23:19:33 · 912 阅读 · 0 评论 -
Jquery——手风琴效果+表格全选
手风琴样式与控件&amp;lt;style&amp;gt; * { margin: 0; padding: 0; } ul { list-style: none; width: 1300px; } #box { width: 1200px; height: 400px; border:...原创 2019-02-13 23:13:40 · 627 阅读 · 0 评论 -
Jquery——城市选择
css样式 <style> select { width: 200px; background-color: teal; height: 200px; font-size: 20px; } .btn-box { width: 30px; display: inline-block; ...原创 2019-02-13 23:00:20 · 1016 阅读 · 0 评论 -
Jquery——微博发布
css样式<style> * { margin: 0; padding: 0; } ul { list-style: none; } .box { width: 600px; margin: 100px auto; border: 1px solid #000; ...原创 2019-02-13 22:56:04 · 444 阅读 · 0 评论 -
Jquery——弹幕效果
css样式<style type="text/css"> html, body { margin: 0px; padding: 0px; width: 100%; height: 100%; font-family: "微软雅黑"; font-size: 62.5%; } .bo...原创 2019-02-13 22:53:33 · 679 阅读 · 0 评论 -
Jquery——表格添加删除
CSS样式&lt;style&gt;* {padding: 0;margin: 0;}.wrap {width: 410px;margin: 100px auto 0;}table {border-collapse: collapse;border-spacing: 0;border: 1px solid #c0c0c0;}th,td {border: 1px s...原创 2019-02-13 22:49:10 · 308 阅读 · 0 评论 -
Jquery——版本插件
版本点击查看并下载所需版本中文文档详细方法查询小结原创 2019-02-13 16:20:01 · 207 阅读 · 0 评论 -
Jquery——一些笔记
js与jqjs是一门编程语言jq仅仅是基于js的一个库，jq可理解为就是开发js的一个工具。概念为什么要学jquery ？ 简单，粗暴 没有兼容性问题什么是jquery？js库，说白了就是js文件，里面有一大堆的方法使用jquery的步骤： 1. 引入jquery文件 2. 入口函数 功能实现版本：1.x 2.x 3.x 1.x 压缩版和未压缩版入口函数： $(document)...转载 2019-02-13 16:20:13 · 167 阅读 · 0 评论 -
Jquery——方法使用①
给原型添加方法&amp;lt;script src=&quot;jquery-1.12.4.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&amp;lt;script&amp;gt;//var arr = new Array();//console.log(arr);//给数组的原型增加了一个方法，sayHi的方法// Array.pr原创 2019-02-13 17:22:19 · 227 阅读 · 0 评论 -
Jquery——方法使用②
事件机制委托详细解析&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;zh-CN&quot;&amp;gt;&amp;lt;head&amp;gt;&amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;&a原创 2019-02-13 17:43:02 · 214 阅读 · 0 评论 -
Jquery——方法使用③
停止动画&amp;lt;style&amp;gt;div {width: 400px;height: 400px;background-color: pink;display: none;}&amp;lt;/style&amp;gt;&amp;lt;input type=&quot;button&quot; value=&quot;开始&quot原创 2019-02-13 18:08:32 · 155 阅读 · 0 评论 -
Jquery——方法使用④
隔行变色设定10个&amp;lt;li&amp;gt;标签&amp;lt;ul&amp;gt;&amp;lt;li&amp;gt;我是第1个li&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;我是第2个li&amp;lt;/li&amp;gt;&amp;lt;li&a原创 2019-02-13 21:08:53 · 200 阅读 · 0 评论 -
Jquery——有关淘宝功能
无缝连接图片css + body&amp;lt;style&amp;gt; * { margin: 0; padding: 0; list-style: none; } .slider { height: 340px; width: 790px; margin: 100px a...原创 2019-02-13 23:38:53 · 328 阅读 · 0 评论