jquery
jquery
gzxiaomei
这个作者很懒,什么都没留下…
展开
-
AngularJS 动画用法
AngularJS 使用动画需要引入 angular-animate.min.js 库。 ngAnimate 模型可以添加或移除 class 。ngAnimate 模型并不能使 HTML 元素产生动画,但是 ngAnimate 会监测事件,类似隐藏显示 HTML 元素 ,如果事件发生 ngAnimate 就会使用预定义的 class 来设置 HTML 元素的动画。 www.djznrobot.comCSS 过渡CSS 过渡可以让我们平滑的将一个 CSS 属性值修改为另外一个:实例在 DIV 元素原创 2020-10-23 15:37:30 · 150 阅读 · 0 评论 -
AngularJS 表单操作用法
HTML 控件以下 HTML input 元素被称为 HTML 控件:input 元素select 元素button 元素textarea 元素数据绑定Input 控件使用 ng-model 指令来实现数据绑定。<input type="text" ng-model="firstname">通过以上代码应用有了一个名为 firstname 的属性。它通过 ng-model 指令来绑定到你的应用。firstname 属性可以在 controller 中使用:实例原创 2020-10-22 17:47:42 · 137 阅读 · 0 评论 -
jquery 中prev() prevAll() prevUntil()之间区别
jquery 中prev() prevAll() prevUntil()之间区别,他们都找前一个元素。1,prev()返回被选元素的前一个同级元素2,prevAll()返回被选元素之前的所有同级元素3,prevUntil()返回介于两个给定参数之间的每个元素之前的所有同级元素文章来自 www.xiaohonghuaw.com...原创 2020-09-17 09:11:27 · 490 阅读 · 0 评论 -
jQuery - 隐藏和显示效果高级用法
1,通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素2,通过 jQuery,您可以使用 toggle() 方法来切换 hide() 和 show() 方法$("button").click(function(){$("p").toggle();www.xiaohonghuaw.com});$(selector).toggle(speed,callback);可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"原创 2020-09-17 09:07:12 · 128 阅读 · 0 评论 -
总结jQuery 事件大全
页面对不同访问者的响应叫做事件 www.xinchengcork.com。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法在元素上移动鼠标。选取单选按钮点击元素鼠标事件 键盘事件 表单事件 文档/窗口事件click keypress submit loaddblclick keydown change resizemouseenter keyup focus scroll...原创 2020-07-20 20:57:55 · 145 阅读 · 0 评论 -
jQuery 选择器分类汇总
jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。jQuery 中所有选择器都以美元符号开头:$()。1,元素选择器<p>www.xingchengcork.com</p>$(document).ready(function(){ $("button").click(functi.原创 2020-07-20 20:47:33 · 148 阅读 · 0 评论 -
微信小程序开发之JSON配置研究
1,JSON 配置JSON 是一种数据格式,并不是编程语言,在小程序中,JSON扮演的静态配置的角色。我们可以看到在项目的根目录有一个 app.json 和 project.config.json,此外在 pages/logs 目录下还有一个 logs.json,我们依次来说明一下它们的用途2,小程序配置 app.jsonapp.json 是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。QuickStart 项目里边的 app.json 配置内容原创 2020-06-07 15:03:37 · 549 阅读 · 0 评论 -
微信小程序开发之模块化理解与用法
微信小程序开发之模块化理解与用法,包括require,module,exports分别是怎么用的1,require 用法引入模块。返回模块通过 module.exports 或 exports 暴露的接口// common.jsfunction sayHello(name) { console.log(`Hello ${name} !`)}function sayGoodbye(name) { console.log(`www.cnmibee.com`)}module.ex...原创 2020-06-07 14:52:54 · 941 阅读 · 0 评论 -
深入理解微信小程序WXS两种用法
WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构1,页面渲染<wxs module="m1">var getMax = function(array) { var max = "www.cnmibee.com"; for (var i = 0; i < array.length; ++i) { max = max === undefined ? array[i] : (max >= ar...原创 2020-06-07 12:23:55 · 691 阅读 · 0 评论 -
深入理解微信小程序开发WXSS用法
WXSS(WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。1,尺寸单位rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。2,样式导入使用@import语句可以导入外联样式表,@import后跟需要导入的外联样式表的相对路径,用;表示语句结束。原创 2020-06-06 16:21:15 · 772 阅读 · 0 评论 -
深入理解微信小程序开发WXS数据处理
WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。1,页面渲染<!--wxml--><wxs module="m1">var msg = "www.cnmibee.com";module.exports.message = msg;</wxs><view> {{m1.message}} </view>2,数据处理// page.jsPage({data: {array:原创 2020-06-06 16:16:07 · 631 阅读 · 0 评论 -
深入理解微信小程序WXML用法
WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构 WXML 具有的能力包括数据绑定、列表渲染、条件渲染、模板、事件、引用1. 数据绑定<!--wxml--><view> {{message}} </view>// page.jsPage({data: {message: 'Hello MINA!'}})2. 列表渲染...原创 2020-06-06 16:10:47 · 1713 阅读 · 0 评论 -
微信小程序开发之小程序跳转和版本信息获取
1,小程序跳转wx.navigateToMiniProgram打开另一个小程序wx.navigateToMiniProgram({ appId: '', path: 'http://www.cnmibee.com', extraData: { foo: 'bar' }, envVersion: 'develop', success(res) { // 打开成功 }})wx.navigateBackMiniProgram返回到上一个小程序。只有在当...原创 2020-06-04 09:16:11 · 1750 阅读 · 0 评论 -
微信小程序开发之开放接口用户信息用法
1,登录用法wx.login调用接口获取登录凭证(code)。通过凭证进而换取用户登录态信息,包括用户的唯一标识(openid)及本次登录的会话密钥(session_key)等。用户数据的加解密通讯需要依赖会话密钥完成wx.login({ success (res) { if (res.code) { //发起网络请求 wx.request({ url: 'http://www.cnmibee.com', data: { ...原创 2020-06-04 09:10:56 · 748 阅读 · 0 评论 -
微信小程序开发之组件表单用法二
1,表单label用法用来改进表单组件的可用性。使用for属性找到对应的id,或者将控件放在该标签下,当点击时,就会触发对应的控件。 for优先级高于内部控件,内部有多个控件的时候默认触发第一个控件。 目前可以绑定的控件有:button, checkbox, radio, switch。<view class="container"> <view class="page-body"> <view class="page-section page-sectio...原创 2020-06-03 10:04:49 · 652 阅读 · 0 评论 -
微信小程序开发之组件表单用法
1,button用法<view class="page-body"> <view class="btn-area" id="buttonContainer"> <button type="primary">页面主操作 Normal</button> <button type="primary" loading="true">页面主操作 Loading</button> <button type="p...原创 2020-06-03 09:46:33 · 799 阅读 · 0 评论 -
微信小程序开发之媒体组件用法
微信小程序开发之媒体组件用法1,audio 组件用法<!-- audio.wxml --><audio poster="{{poster}}" name="{{name}}" author="{{author}}" src="{{src}}" id="myAudio" controls loop></audio><button type="primary" bindtap="audioPlay">播放</button><but原创 2020-06-02 10:18:00 · 384 阅读 · 0 评论 -
微信小程序开发之组件导航用法
微信小程序开发之组件导航用法1,functional-page-navigator<functional-page-navigator name="loginAndGetUserInfo" bind:success="loginSuccess"> <button>www.cnmibee.com</button></functional-page-navigator>// redirect.js navigator.jsComponent({.原创 2020-06-02 10:01:39 · 435 阅读 · 0 评论 -
微信小程序开发之组件基础内容
1,icon 图标用法图标。组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)<view class="container"> <view class="icon-box"> <icon class="icon-box-img" type="success" size="93"></icon> <view class="icon-box-ctn"> <view class="i...原创 2020-06-02 09:57:47 · 259 阅读 · 0 评论 -
微信小程序开发WXML语法之条件渲染用法
1,wx:if 用法在框架中,使用wx:if=""来判断是否需要渲染该代码块<view wx:if="{{condition}}"> True </view>也可以用 wx:elif 和 wx:else 来添加一个 else 块:<view wx:if="{{length > 5}}"> 1 </view><view wx:elif="{{length > 2}}"> 2 </view><vie..原创 2020-06-01 12:06:53 · 854 阅读 · 0 评论 -
微信小程序开发WXML语法列表渲染用法
1,wx:for 用法在组件上使用wx:for控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item<view wx:for="{{array}}"> {{index}}: {{item.message}}</view>Page({ data: { array: [{ message: 'www.cnmibee.com', }, { ...原创 2020-06-01 12:01:33 · 711 阅读 · 0 评论 -
jQuery 链操作定义和用法
通过 jQuery,可以把动作/方法链接在一起,jQuery 链允许我们在相同的元素上运行多条 jQuery 命令,一条接着另一条。如需链接一个动作,您只需简单地把该动作追加到之前的动作上。www.cnmibee.com下面的例子把 css()、slideUp() 和 slideDown() 链接在一起。"p1" 元素首先会变为红色,然后向上滑动,再然后向下滑动:$("#p1").css("color","red").slideUp(2000).slideDown(2000);当进行链接时,原创 2020-05-29 09:10:02 · 183 阅读 · 0 评论 -
jquery ajax方法请求成功和请求失败用法
jquery ajax方法请求成功和请求失败用法,分别是用success error 代表请求成功,失败,我们先看看他们请求的原型结构用法 www.cnmibee.com1,success请求成功success:function(response)2,error请求失败error:function(xhr,errorText,errorType)实例说明$.ajax({type:post,url:"www.cnmibee.com",data:{user:'xm',.原创 2020-05-12 17:04:31 · 2250 阅读 · 0 评论 -
jquery中ajax方法的用法和实例
jquery中ajax方法的用法和实例<div id="myDiv"><h2>www.cnmibee.com</h2></div><button id="b01" type="button">Change Content</button>ajax的原型$.ajax({type:post,url:"www.cnmibee.com",data:{'username':'realname','password原创 2020-05-11 17:28:34 · 135 阅读 · 0 评论 -
ajax中get,post,getJSON,getScript之间的区别
ajax中get,post,getJSON,getScript之间的区别,get原型 (url,data,function,type)post原型(url,data,function,type)1,GET用法$.get("www.cnmibee.com",{name:'mib'},function(response,status,xhr),"html")2,POST用法$.POST("www.cnmibee.com",{name:'mib'},function(response,..原创 2020-05-08 22:06:41 · 207 阅读 · 0 评论 -
ajax技术load方法使用和功能介绍
ajax技术load方法使用和功能介绍load方法的原型ajax.load(url,data,function)1,load中get方法ajax.load("www.cnmibee.com/index.php?id=12");2,load中post方法ajax.load("www.cnmibee.com",{url:'dc3688'},function);2,load中function的作用ajax.load("www.cnmibee.com",{url:'dc3688'},原创 2020-05-08 21:20:25 · 334 阅读 · 0 评论 -
jQuery遍历 - 祖先用法和举例
向上遍历 DOM 树 主要有parent() parents() parentsUntil(),www.nanaopearl.com下面分别讲述他们的用法:1,jQuery parent() 方法parent() 方法返回被选元素的直接父元素$(document).ready(function(){ $("span").parent();});2,jQuery pa...原创 2020-04-17 11:34:04 · 160 阅读 · 0 评论