Day17-jQuery - 随笔分类 - momo8238

jQuery扩展

摘要：1. jQuery方法的调用方式：方法1：$+选择器 >执行方法：$('#i1').css( ) 方法2：$. >直接执行函数：$.ajax() 方法3：自定义方法示例：用$.extend方法，增加了1个answer()方法。运行效果：方法4. 用$.fn.extend()扩展，扩展方法不同阅读全文

posted @ 2017-09-05 15:17 momo8238 阅读(155) 评论(0) 推荐(0)

表单验证-阻止事件发生的应用

摘要：1. jquery方法实现表单验证（return的应用）如果有输入内容，则返回true，可以正常提交；否则返回false，并且弹出对话框“请输入内容”，后续的提交就终止了。 2. 下面的return false 只是相当于break的作用，如果第1个验证为空的话，则后续的就不再验证了。这个ret 阅读全文

posted @ 2017-09-03 17:05 momo8238 阅读(181) 评论(0) 推荐(0)

jQuery多重事件绑定

摘要：1. <a> a标签默认绑定了一个onclick事件，当自己再写一个onclick事件的时候，默认自己写的那个优先执行。如下程序，先执行（123），然后再发生跳转。 2.如果只想让它执行第一步onclick的时候，可以return 一个false回来。先在此处 onclick='return C 阅读全文

posted @ 2017-09-03 16:05 momo8238 阅读(346) 评论(0) 推荐(0)

jQuery绑定事件

摘要：1.事件绑定的方式 2. 由于程序是从上往下执行，所以对新输入的值没有绑定alert事件。 delegate 从上往下执行的时候，还没有绑定事件。直到真正点击它的时候，才绑定并且执行。所以需要重新绑定 3. delegate具有委托的作用，不同于其它几个。 click不行，bind不行，on不行，阅读全文

posted @ 2017-09-03 15:47 momo8238 阅读(213) 评论(0) 推荐(0)

jQuery高度及位置操作

摘要：1. 获取滑轮位置，scrolltop:上下滚动的意思。效果： 2. 默认情况下body离HTML页面的左边=8px,上边=8px的距离 $('#i1').offset(); 获取当前标签在整个文档中的坐标运行效果： 3.笔记阅读全文

posted @ 2017-09-03 15:24 momo8238 阅读(526) 评论(0) 推荐(0)

抽屉点赞及jQuery CSS操作

摘要：1.需要用到的知识点：程序：效果图：阅读全文

posted @ 2017-09-03 11:14 momo8238 阅读(244) 评论(0) 推荐(0)

模态对话框-终极版

摘要：实现了动态添加，删除。按照自己的逻辑写的版本，还有2个地方需要调试。 1) 点击完编辑以后，会增加新的一行，而原数据行还是保留。 2) 新增加的行，没有绑定edit del 事件，所以程序需要用delegate进行绑定。 $('.c1').delegate('a','click',function 阅读全文

posted @ 2017-09-03 10:22 momo8238 阅读(191) 评论(0) 推荐(0)

两种方法实现TAB菜单及文件操作

摘要：1，自定义属性的方法实现 TAB菜单操作 cursor:pointer; 鼠标的小手运行结果： 2，索引的方法实现 TAB菜单操作 index：获取索引位置 3. 文件操作实例1，添加内容$('#u1').append(temp); 追加内容，往后面加,增加小儿子。运行结果： 4. 往前面加内阅读全文

posted @ 2017-09-02 18:15 momo8238 阅读(351) 评论(0) 推荐(0)

自定义属性-模态框的改进

摘要：1. 用this的话，跟顺序和索引就没有任何关系了，完全就是用属性绑定的。如果要增加新的列的话，JS里面不需要做任何调整。模态框程序如下：或者直接写成一串：字符串的拼接：'.model input[name=" ' +n + ' "] ' 说明及解释如下：阅读全文

posted @ 2017-09-02 17:43 momo8238 阅读(215) 评论(0) 推荐(0)

样式操作

摘要：本节笔记： 1. 开关实例，自己写如下：效果： 2.jQuery实现，已经封装了一个开关的模块。 3.属性操作 4. 由于版本兼容问题，当用$(..).attr('n','v') 设置CheckBox，radio等时可能会出现问题， prop是专门处理CheckBox，radio，select等的阅读全文

posted @ 2017-09-02 17:00 momo8238 阅读(143) 评论(0) 推荐(0)

模态编程框

摘要：1. 循环获取tds中的内容,赋值给input标签里面的value。至此只完成了“添加”和“取消”的功能： 2. 赋值给input标签里面的value，需要先学习jQuery对内容的操作。区别在于： $("#i1").text 不解析，直接当做字符串赋值了。 $("#i1").html 会解析，阅读全文

posted @ 2017-09-02 16:14 momo8238 阅读(361) 评论(0) 推荐(0)

jquery筛选总结

摘要：参考网址：jquery.cuishifeng.cn 关于筛选器知识的回顾通过筛选器和选择器，可以找到任何一个标签了。阅读全文

posted @ 2017-09-02 14:47 momo8238 阅读(150) 评论(0) 推荐(0)

删选器

摘要：1.筛选器做左侧菜单实例筛选器如下： 2. 两行可以并成一行,jquery 支持链式编程。 $(this).next().removeClass('hide').parent().siblings().find('.content').addClass('hide') 阅读全文

posted @ 2017-09-01 17:03 momo8238 阅读(207) 评论(0) 推荐(0)

jQuery全选反选实例

摘要：1. $('#tb:checkbox').each(function(){ 每次都会执行全选-取消操作，注意$('#tb :checkbox').prop('checked',true); tb后面一定得有括号，否则会报错。用DOM实现全选-反选-取消操作：效果： 2.用 jQuery实现阅读全文

posted @ 2017-09-01 15:49 momo8238 阅读(298) 评论(0) 推荐(0)

jQuery简介

摘要：一 .模块也就是类库，不同叫法。DOM/BOM/Javascript的类库。jQuery选择器的网址：http://jquery.cuishifeng.cn/ 其实jQuery封装的就是DOM。 http://jquery.com/download/ https://code.jquery.com/ 阅读全文

posted @ 2017-09-01 10:54 momo8238 阅读(222) 评论(0) 推荐(0)

随笔分类 - Day17-jQuery