jquery总结和注意事项】的更多相关文章

引言: 本人想自己个博客网站出来,技术路线是用ASN.NET MVC5+EF6(Code First)+ZUI+各种Jquery插件,有了这个想法之后就开始选择UI,看了好多bootstrap的模板之后,发现即使你用了bootstrap还是要自己写css样式,都是自学的,前端真的很垃圾,在网上找了很多UI,以下是各种UI的地址,需要的可以去看看: H-ui:http://www.h-ui.net/H-ui.admin.shtml ,是一个前端大牛弄得,模仿bootstrap,做适合中国网上的UI…
翻译编辑自:http://www.appnovation.com/blog/7-things-know-about-jquery-mobile-working-it 一.Android和IOS的内置键盘(Native keyboard)是不一样的 对手机的内置键盘的操作是比较复杂和富有争议的,不同的手机可能需要不同的css.Android使用的是第三方的键盘插件(3rd party keyboards ),如 Google Keyboard 和 SwiftKey. 可设置input的type属性…
1.jQuery 名称冲突 jQuery 使用 $ 符号作为 jQuery 的简介方式. 某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号. jQuery 使用名为 noConflict() 的方法来解决该问题. var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号. 2.由于 jQuery 是为处理 HTML 事件而特别设计的,那么当您遵循以下原则时,您的代码会更恰当且更易维护: 把所有 jQuery…
jquery触发hover事件 使用 mouseenter/mouseleave/mouseover/mouseout…
trigger() 方法触发被选元素的指定事件类型.例如: $('#pcId').trigger("change") ;//触发id为“pcId”的select的 change事件,但是有一点必须注意: 一定要先定义完change方法之后再去触发,否则会失效,如下: $().ready(function(){ $('#pcId').change(function(){ //code    });  $('#pcId').trigger("change") }); 解…
第一步:.将代码高亮渲染 第二步:jquery Tab输出: 第三步:点击Tab切换时,将代码块刷新: 参考:http://jtmorris.net/2013/06/codemirror-editor-not-displaying-default-value/…
1, <script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script> 这里的版本号要和源文件里的一致, 有时候文件名字是1.8.0版本,但打开后显示jQuery v1.7.2 有时候cdn url显示版本为1.9.4,但加载出来却是version 1.9.3…
本文链接:https://blog.csdn.net/ylg01/article/details/76463908写在最前面的话,如果不是维护老项目或者在老项目上二次开发尽量不要用这个表格插件 为什么呢? 1.老项目基本用的是1.09及之前的版本:这个插件1.09和1.10之后的版本命名及加载方式,完全改变了:1.09版本的API 基本没有英文的我是没找到,中文呢基本靠博客中的只言片语,但这些博客很多是有错误的,包括我自己写的可能都是有些方法没理解透造成的问题, 不过这个插件真的不好用 http…
1.关于页面元素的引用通过jquery的$()引用元素包括通过id.class.元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法. 2.jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法.注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象.普通的dom对象一般可以通过$()转换成jquery对象.如:$(document.getEle…
jQuery.makeArray()函数用于将一个类数组对象转换为真正的数组对象. 所谓"类数组对象"就是一个常规的Object对象,但它和数组对象非常相似:具备length属性,并以0.1.2.3……等数字作为属性名. 不过它毕竟不是数组,没有从数组的原型对象上继承下来的内置方法(例如:push(). sort()等). jQuery.makeArray( object ) 注意事项: 一个类数组对象,它至少应该具备length属性,哪怕其值为 0,它可以没有"元素&quo…
1.children()方法 jQuery是一个合集对象,如果想快速查找合集里面的第一级子元素,此时可以用children()方法.这里需要注意:.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素(仅儿子辈,这里可以理解为就是父亲-儿子的关系) 理解节点查找关系: <div class="div"> <ul class="son"> <li class="grandson">1…
一. jQuery数据缓存的作用 jQuery数据缓存的作用在中文API中是这样描述的:“用于在一个元素上存取数据而避免了循环引用的风险”.如何理解这句话呢,看看我下面的举例,不知道合不合适,如果你有更好的例子可以告诉我. (1) 存在循环引用风险的例子(注意getDataByName(name)方法中的for in语句): <a href="javascript:void(0);" onclick="showInfoByName(this.innerHTML);&qu…
沉淀,再出发:jQuery的初步了解和入门 一.前言     对于后端开发者来说,是不是真的不需要了解前端的开发经过和相关技术,从我个人的角度来说,我觉得如果不了解或者接触很少,极有可能造成开发的时候语言交流的障碍,并且影响自己对整个系统性能的理解,这在程序员的职业生涯之中是非常不利的,因为再向上层发展就涉及到了从整个系统架构的角度来分析性能和技术的取舍了,在这个层面上,必须要有全栈开发的能力,这样才能担当重任.但是现在的开发通过json等手段,在某种程度上将前后端僵硬的分割开来,其实是对于我们…
1.jQuery选择器:jQuery选择器类似于CSS选择器,用来选取网页中的元素.       Eg:$("h3").css("background","#09F");            分析:  获取并设置网页中所有<h3>元素的背景   “h3”为选择器语法,必须放在$()中    $(“h3”)返回jQuery对象           .css()是为jQuery对象设置样式的方法 2. jQuery选择器的优势: ★简洁…
1.DOM节点的创建 创建元素节点: 常见的就是直接把这个节点的结构给通过HTML标记字符串描述出来,通过$()函数处理,$("html结构") $("<div></div>") 创建为本节点: 与创建元素节点类似,可以直接把文本内容一并描述 $("<div>我是文本节点</div>") 创建为属性节点: 与创建元素节点同样的方式 $("<div id='test' class='a…
前言: 先介绍下需要用到的浏览器提供的一些原生的方法(这里不处理低版本的IE兼容问题) 创建流程比较简单,大体如下: 创建节点(常见的:元素.属性和文本) 添加节点的一些属性 加入到文档中 流程中涉及的一点方法: 创建元素:document.createElement 设置属性:setAttribute 添加文本:innerHTML 加入文档:appendChild 如右边代码所示,写一个最简单的元素创建,我们会发现几个问题: 每一个元素节点都必须单独创建 节点是属性需要单独设置,而且设置的接口…
JQuery中Ajax详细参数使用案例 参考文档:http://www.jb51.net/shouce/jquery1.82/ 参考文档:http://jquery.cuishifeng.cn/jQuery.Ajax.html 注意事项 本案例演示测试了官方文档中不常用的参数使用方法 前端代码 function theFileUploadGai() {//执行上传 var zhi={ "a1":["你好啊","こんにちは","hello…
//下面是谷歌浏览器处理方式,微信端,直接使用微信链接不作处理,,火狐浏览器另行处理... 借鉴地址:http://stackoverflow.com/questions/15005500/loading-cross-domain-html-page-with-ajax // //跨域请求处理----CORS Anywhere $.ajaxPrefilter(function (options) { if (options.crossDomain && jQuery.support.cor…
通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作.但实际上一般开发者都习惯性的先定义好HTML结构,但这样就非常不灵活了. 试想下这样的情况:如果我们通过AJAX获取到数据之后然后才能确定结构的话,这种情况就需要动态的处理节点了 本文向大家介绍一下如何使用JavaScript创建div节点元素,主要包括创建div节点元素的属性和创建div节点元素的样式两大部分内容,相信本文介绍一定会让你有所收获. 先介绍下需要用到的浏览器提供的一些原生的方法(这里不处理低版本的IE…
jQuery遍历之children()方法 jQuery是一个合集对象,如果想快速查找合集里面的第一级子元素,此时可以用children()方法.这里需要注意:.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素(仅儿子辈,这里可以理解为就是父亲-儿子的关系) 理解节点查找关系: <div class="div"> <ul class="son"> <li class="grandson&quo…
DOM拷贝clone() 克隆节点是DOM的常见操作,jQuery提供一个clone方法,专门用于处理dom的克隆 .clone()方法深度 复制所有匹配的元素集合,包括所有匹配元素.匹配元素的下级元素.文字节点. clone方法比较简单就是克隆节点,但是需要注意,如果节点有事件或者数据之类的其他处理,我们需要通过clone(ture)传递一个布尔值ture用来指定,这样不仅仅只是克隆单纯的节点结构,还要把附带的事件与数据给一并克隆了 例如: HTML部分 <div></div>…
这篇文章总结的是我在使用resizable插件的过程中,遇到的问题及变通应用的奇思妙想. 一.resizable使用注意事项 以下是我在jsfiddle上写的测试demo:http://jsfiddle.net/pLuymmp1 <div class="J_outer outer"> <div class="J_inner inner"></div> </div> html .outer{width:100px;bor…
jQuery获取checkbox选中项等操作及注意事项 今天在做一个项目功能时需要显示checkbox选项来让用户进行选择,由于前端不是很熟练,所以做了一个简单的Demo,其中遇到一些小问题,特记录下来,希望能帮到遇到类似问题的同学们. 1. 获取checkbox的选中项 2. checkbox选项的全选 反选操作 用于测试的checkbox代码段: <div> <input type="checkbox" name="abc" value=&qu…
jQuery 在Table中选择input之类的东西注意事项: 如果不在td标签中,是不能进行正确选择的: <table id="tblFormId"> <tr> <td><input type="text" id="txtIn01Id"></td> </tr> <input type="text" id="txtIn02Id"…
青否云最新开源系统:小程序待办事项 jquery-demo 青否云 Jquery demo 下载地址:https://github.com/qingful/jquery-demo 官网 http://cloud.qingful.com 演示 https://qingful.github.io/jquery-demo/index.html 账号:13253522080 密码:mmmmmm 使用 登录青否云 创建应用 数据设置. 创建数据表. 创建数据表user,引擎和校对默认即可.点击显示结构,添…
jQuery图片懒加载插件jquery.lazyload.js使用实例注意事项说明 jquery.lazyload.js是一个用JavaScript编写的jQuery插件.它可以延迟加载长页面中的图片,在浏览器可视区域外的图片不会被载入.直到用户将页面滚动到它们所在的位置,这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度,浏览器将会在加载可见图片之后即进入就绪状态,在淘宝商品详情页.漫画网站很多图片的情况下还可以帮助降低服务器负担. 一.下载和引用:…
所需引用的JS: 在http://www.malsup.com/jquery/form/#download 下载:http://malsup.github.com/jquery.form.js 在http://jquery.com/ 下载:http://code.jquery.com/jquery-1.7.2.min.js 注意事项: //dataType: "json",       //get的方式再设置此属性  //注意:from 如果是 runat="server&q…
1. 选择器中含有特殊符号的注意事项 1. 1 选择器中含有",","#","("或"]"等特殊字符 根据w3c的规定,属性值中是不能包含有这些特殊字符的,但在实际项目中偶尔会遇到表达式中含有"#"和"."等特殊字符,如果按照普通的方式去处理出来的话就会出错.解决此类错误的方法是使用转义符转义. html代码如下: <div id="id#b">bb<…
[jQuery]praseFloat()方法的用法及注意事项 praseFloat():  用于解析一个字符串,并返回一个浮点数 语法:                praseFloat(string),参数string是必须的,表示要被解析的字符串 返回值:              返回解析后的数字 注意事项:         1.开头和结尾的空格是允许的 2.如果字符串的第一个字符不能被转换为数字,那么parseFloat()会返回NaN 3.如果只想解析数字的整体部分,请使用parse…
js进阶 13-2 jquery动画滑动效果哪些注意事项 一.总结 一句话总结:滑动里面这里up是隐藏,down是显示. 1.jquery动画默认的两个切换效果是什么(swing默认和linear的区别是什么)? swing默认和linear,和css里面默认的效果相比少一点linear,是匀速运动swing是先慢后快 2.jquery动画如果想使用更多的切换效果,需要怎么办? 需要用插件 3.滑动效果的三个函数和显示隐藏的三个函数有什么异同? 都是三个,参数都是一样,这里是up,down,to…