![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JQ
Zjaun
产品经理
展开
-
Jquery——简单例子
制作简易版jquery插件 <script src="jquery.bgColor.js"></script> <script> $(function () { $("div").bgColor("red").width(400); }); </sc原创 2019-02-13 22:36:44 · 2150 阅读 · 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 · 599 阅读 · 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 · 864 阅读 · 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 · 585 阅读 · 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 · 937 阅读 · 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 · 394 阅读 · 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 · 615 阅读 · 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 · 267 阅读 · 0 评论 -
Jquery——版本插件
版本 点击查看并下载所需版本 中文文档 详细方法查询 小结原创 2019-02-13 16:20:01 · 169 阅读 · 0 评论 -
Jquery——一些笔记
js与jq js是一门编程语言 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 · 126 阅读 · 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 · 181 阅读 · 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 · 167 阅读 · 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 · 120 阅读 · 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 · 151 阅读 · 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 · 284 阅读 · 0 评论