Jquery
文章平均质量分 91
boonyaxnn
好好学习,天天向上
展开
-
Jquery之事件绑定(bind)实现加减乘除运算
本实例采用Jquery事件绑定实现加减乘除运算,以表格输入框任意输入一个值进行变换计算。 Html与Jquery代码 jquery减法 $(document).ready(function() { /**************************tab1***********************/ $("#tab1 tr").each(原创 2016-09-22 20:48:29 · 1413 阅读 · 0 评论 -
JQ 节点操作
一、内部插入:给当前节点添加孩子 A.append(B) 向【A节点内部现有内容之后】追加【B节点】 B.appendTo(A) 将【B节点】追加到【A节点内部现有内容之后】 A.prepend(B) 向【A节点内部现有内容之前】追加【B节点】 B.prependTo(A) 将【B节点】追加到【A节点内部的现有内容...原创 2019-04-23 13:05:21 · 239 阅读 · 0 评论 -
JQ 节点关系遍历
1、index() 描述:获取在兄弟节点中的排名 语法:jq对象.index() eg: $('button:eq(0)').click(function () { var index = $('.p1').index(); console.log(index);// }); 2、each() 描述:节点的遍历 语法: ...原创 2019-04-22 20:10:34 · 428 阅读 · 0 评论 -
JQ节点关系 children()、find()、parent()/parents()、siblings()以及next()、prev()
一、children() 1、描述:获取当前jq对象的子节点 2、语法:jq对象.children() 3、PS: ①当children()不写参数的时候 获取的是所有的孩子 ②当children('孩子的选择器') 获取的是指定的孩子 ③children() 只能选择 直接孩子 不能选择 孙子元素 4、eg: $('butt...原创 2019-04-22 20:00:33 · 4172 阅读 · 1 评论 -
JQ stop配合animate
1、stop(参数1,参数2) PS: (1)两个值都是可选的,可有可无,不写,默认false (2)参数1:true 清除所有的动画; false 只结束当前动画 参数2:立即完成当前动画; false 不立即完成当前动画 2、eg: $('.box').animate({'left': 600, 'top': 400, 'width': ...原创 2019-04-22 19:23:47 · 335 阅读 · 0 评论 -
JQ animate动画
1、animate(a,b,c,d) (1)a:运动的终点 (2)b:持续时间 (可选的) (3)c:缓冲 运动的轨迹(匀速)(可选的) (4)d:回调函数 (可选的) 2、注意: (1)当把所有的元素封装到一个json时,则所有的元素同步执行 (2)anima...原创 2019-04-22 19:17:46 · 705 阅读 · 0 评论 -
JQ addClass(追加类)、removeClass(移除类)、以及attr(获取和设置属性值)
1、addClass:追加类,在原有内容的基础之上进行内容的追加;支持链式调用 eg: $('button:first').click(function () { // $('.box').addClass('c1').addClass('c2'); box.className='c1'; }); 2、removeClass:移除类 PS:①不写...原创 2019-04-22 19:05:50 · 2247 阅读 · 0 评论 -
JQ show和hide(隐藏显示)、fadeIn和fadeOut(淡入淡出)、slideDown和slideUp(隐藏显示)
一、show和hide(隐藏显示) 1、show:最终状态是 display:block; hide:最终状态是 display:none; 2、语法:show(毫秒数,回调函数) 3、注意: ①当jq对象没有处于最终状态时,当动画执行完毕后,才会触发,回调函数; ②当jq对象处于最终状态时,立马执行,回调函数 ; ③如...原创 2019-04-22 13:42:12 · 3453 阅读 · 0 评论 -
JQ 事件监听
一、普通事件绑定 1、语法:jq对象.事件类型(回调函数) eg: $('p').click(function () { console.log(222222222); }); 2、注意: ①使用jq 一定要进行引入 否则 $ is not defined ②jq操作的元素是批量的 ③没有兼容性问题 ④对同一个jq对象进行相同类型...原创 2019-04-22 13:25:05 · 9182 阅读 · 0 评论 -
JQ 常用方法
一、 1、length/size 描述:获取jq对象内元素的数量; 语法:jq对象.length 【属性】 jq对象.size()【方法】 eg: console.log($('.box').length); console.log($('p').size()); 2、jq提供的伪类 选择器:first ...原创 2019-04-22 13:03:19 · 2264 阅读 · 0 评论 -
Jquery之淡入淡出及背景颜色深浅调整效果
Jquery提供了淡入淡出的效果,我们直接拿来用就可以了:fadeIn淡入、fadeOut淡出、fadeTo透明度调整、fadeToggle淡入淡出混合效果。 HTML与Jquery代码 $(document).ready(function(){ /*var func_1 = function(){ }; var func_2 = function(){ }原创 2016-09-22 22:12:25 · 3215 阅读 · 0 评论 -
Jquery 动态插入分页数据
//1.插入的分页 函数封装 获取总的页面数 还有当前的选中的页码 // insertHtml(6,1);//6,1假设数据 //一、动态插入数据------------------------------- function insertHtml(page,current){//1 var pagination=$(".ts-page").ht...原创 2019-05-10 16:04:29 · 778 阅读 · 0 评论