jQuery
关注
分享
扫一扫
木生火
起舞弄清影，人间近黄昏;今夕是何年，点亮一盏灯
Email:2156858566@qq.com
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
jQuery入学09_jQueryModie表单元素应用
文本输入框<input type="text" name="name" id="name" placeholder="全名">文本域<textarea name="addinfo" id="info" placeholder="工作经验"></textarea>单选按钮 <fieldset data-role="controlgroup" data-ty...原创 2019-05-19 12:09:06 · 208 阅读 · 0 评论 -
jQuery入学08_jQueryMobile简单实例
简单代码案例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="js/jque...原创 2019-05-17 22:21:51 · 190 阅读 · 0 评论 -
jQuery入学07_jQueryMobile安装
jQuery Mobile可创建智能手机与平板电脑web应用, 从 jQuerymobile.com下载库文件 http://jquerymobile.com/download/ jQuery Mobile可创建智能手机与平板电脑web应用 <head> <!--viewport使页面可缩放自由--> <meta name="viewport" conte...原创 2019-05-17 22:14:51 · 149 阅读 · 0 评论 -
jQuery入学06_网站基础色调
网站基础色调 柔和-明亮-温和 洁净-爽朗 冷静-自然 简单-洁净 简单-高雅 传统-优雅 稳重-古典 自然-安稳 华丽-花哨(女性化的) 华丽-动感(女性化的) 活泼-快乐 可爱-有趣 忠厚-稳重 ...原创 2019-05-16 14:18:07 · 158 阅读 · 0 评论 -
jQuery入学05_jQuery延迟ready()事件
holdReady()函数$.holdReady(true); // 开始延迟 //页面装载完成后自动回调 $(() => { alert("页面装载完成！"); }); //以下调用一个函数$.holdReady(false); //即刻取消延迟window.setTimeout("$.holdReady(false);", 2000); //2秒后取消延迟 holdRea...原创 2019-05-15 23:07:37 · 167 阅读 · 0 评论 -
jQuery入学04_jQuery核心函数
jQuery核心函数，主要用法jQuery(selector) jQuery(Element) jQuery(html) jQuery(callback) jQuery(selector) // 获取id为csdn的元素 $("#csdn"); // 获取class属性为test的元素，并为它们增加边框 $(".test").css("border" , "3px dotted black")...原创 2019-05-15 22:57:28 · 147 阅读 · 0 评论 -
jQuery入学03_jQuery事件函数
在DOM事件都有一个等效的jQuery方法， 比如页面HTML元素中指定一个点击事件，$(selector).click() 添加函数到click事件：$(selector).click(function) 当click 事件发生时运行的function函数，举例，单击id="test" 的元素时弹出警报窗口文本 <!DOCTYPE html> <html> &...原创 2019-05-12 15:48:28 · 169 阅读 · 0 评论 -
jQuery入学02_jQuery 选择器
jQuery选择器使用HTML元素的 id、类、类型、属性、属性值等"查找"（或选择）。 $(this).hide() - 隐藏当前元素 $("p").hide() - 隐藏所有 <p> 元素 $("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素 $(".test").hide() - 隐藏所有 class="test"元素 $("...原创 2019-05-12 15:25:28 · 206 阅读 · 0 评论 -
jQuery入学01_下载jQuery
下载jQuery https://code.jquery.com/ Production version - 用于实际的网站中，已被精简和压缩。 Development version - 用于测试和开发（未压缩，是可读的代码） 下载的文件放在网页的同一目录下，就可以使用jQuery，通过 src 属性来引用文件 <head><script src=" jquery/jquer...原创 2019-05-12 15:22:59 · 155 阅读 · 0 评论 -
jQuery入学15_jQueryModie响应式表格
一般用户各种移动设备采用响应式设计 响应式表格有两种类型：回流与列切换回流模型: 表格在屏幕尺寸足够大时是水平显示，而在屏幕尺寸达到足够小时，所有的数据会变成垂直显示。 在 <table> 元素上添加 data-role="table" 和 "ui-responsive" 类列切换模型: 在宽度不够时隐藏数据 在 <table> 元素上添加 data-role="table...原创 2019-05-17 22:53:40 · 240 阅读 · 0 评论 -
jQuery入学14_jQueryModie折叠内容块
为存储更多信息,使用可折叠块允许您隐藏或显示内容 容器（div）添加 data-role="collapsible" 属性<div data-role="collapsible" </div> 如需在页面加载时展开内容，请使用 data-collapsed="false"：<div data-role="collapsible" data-collapsed="false"...原创 2019-05-17 22:48:47 · 196 阅读 · 0 评论 -
jQuery入学13_jQueryModie头部和尾部栏定位
Inline - 默认。头部栏和尾部栏与页面内容内联。Fixed - 头部栏和尾部栏固定在页面的顶部和底部。Fullscreen 与 Fixed 定位模式基本相同，适用于照片、图像和视频。<div data-role="header" data-position="inline"></div> <div data-role="footer" data-position...原创 2019-05-17 22:42:56 · 200 阅读 · 0 评论 -
jQuery入学12_jQueryMobie图标按钮
将图标添加到按钮，<a> <input> <button> 元素上使用ui-icon 类, 能定位图标位置 按钮中添加图标 <input type="button" value="刷新" data-icon="refresh"> <button class="ui-btn ui-icon-refresh ui-btn-icon-left"&...原创 2019-05-17 22:35:33 · 183 阅读 · 0 评论 -
jQuery入学11_jQueryMobile页面切换
使用 data-transition 属性的链接或表单实现页面切换 data-transition属性用法 <a href="#link" data-transition="slide">从右向左滑动,切换到下一页</a> <a href="#link" data-transition="slide" data-direction="reverse">从左向右滑...原创 2019-05-17 22:31:17 · 193 阅读 · 0 评论 -
jQuery入学16_jQueryModie搜索列表
data-filter="true" 属性可过滤的元素 1表单 <form> 元素使用 "ui-filterable" 类，表单中放置<input> 元素， 并指定 <input> 元素id，且加上 data-type="search" 属性 如下：<form class="ui-filterable"> <input id="empid"...原创 2019-05-19 09:29:09 · 212 阅读 · 0 评论 -
jQuery入学10_jQueryMobile对话框
链接中添加data-rel="dialog"让用户点击链接时弹出对话框 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link r...原创 2019-05-17 22:28:10 · 187 阅读 · 0 评论