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 · 173 阅读 · 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 · 166 阅读 · 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 · 123 阅读 · 0 评论 -
jQuery入学06_网站基础色调
网站基础色调柔和-明亮-温和洁净-爽朗冷静-自然简单-洁净简单-高雅传统-优雅稳重-古典自然-安稳华丽-花哨(女性化的)华丽-动感(女性化的)活泼-快乐可爱-有趣忠厚-稳重...原创 2019-05-16 14:18:07 · 138 阅读 · 0 评论 -
jQuery入学05_jQuery延迟ready()事件
holdReady()函数$.holdReady(true); // 开始延迟//页面装载完成后自动回调$(() => { alert("页面装载完成！");});//以下调用一个函数$.holdReady(false); //即刻取消延迟window.setTimeout("$.holdReady(false);", 2000); //2秒后取消延迟holdRea...原创 2019-05-15 23:07:37 · 138 阅读 · 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 · 123 阅读 · 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 · 138 阅读 · 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 · 181 阅读 · 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 · 133 阅读 · 0 评论 -
jQuery入学15_jQueryModie响应式表格
一般用户各种移动设备采用响应式设计响应式表格有两种类型：回流与列切换回流模型:表格在屏幕尺寸足够大时是水平显示，而在屏幕尺寸达到足够小时，所有的数据会变成垂直显示。在 <table> 元素上添加 data-role="table" 和 "ui-responsive" 类列切换模型:在宽度不够时隐藏数据在 <table> 元素上添加 data-role="table...原创 2019-05-17 22:53:40 · 218 阅读 · 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 · 176 阅读 · 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 · 167 阅读 · 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 · 149 阅读 · 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 · 165 阅读 · 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 · 182 阅读 · 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 · 161 阅读 · 0 评论