day04(jQuery)
文章平均质量分 59
YOUAFR
这个作者很懒,什么都没留下…
展开
-
jQuery基本选择器
divID line1 line2 line3 p标签 //ID选择器 $('#id').css('border','10px solid red'); //className 用类名选择 $('.line').css('border','2px solid blue'); //element 元素选择 $('p').css('原创 2017-10-24 20:34:57 · 187 阅读 · 0 评论 -
jQuery 元素的删除
class1 class2 删除父节点 // 清空该节点下的所有后代节点 // div[class=line1] 在div里过滤筛选样式 $('div[class=line1]').empty(); $('.class1').empty(); // 清空该节点下的所有后代节点 $('.class2').html(''); //原创 2017-10-25 19:54:46 · 361 阅读 · 0 评论 -
jQuery 元素的追加
星期天 // 在元素里的后面位置添加一个新的节点 $('ul').append('星期一'); // 添加到父节点(父节点的最后一个位置) $('星期二').appendTo($('ul')); // 在元素的第一个节点处添加一个元素 $('ul').prepend('星期六'); //把自身添加到父节点的第一个元素之前的位置 $('星期六e原创 2017-10-25 19:54:11 · 360 阅读 · 0 评论 -
jQuery stop()用法
div{ width: 100px; height: 100px; background: red; } $('div').on('mouseover',function(){ $(this).animate({width:600,height:600},3000,function(){ $(this).anim原创 2017-10-25 19:53:08 · 463 阅读 · 0 评论 -
jQuery 自定义动画
div{ width: 60px; height: 30px; background: red; } /*自定义动画效果,样式只能设置一个值, * 例如设置字体大小,只能使用fontSize而不能用font, * 设置的样式有限具体参考 * http://www.w3school.com.cn/jquery/e原创 2017-10-25 19:52:06 · 225 阅读 · 0 评论 -
jQuery slideDownUp动画效果
*{ margin: 0;padding: 0; list-style: none; } title_1 12 12 title_2 12 12 title_3 12 12原创 2017-10-25 19:51:14 · 237 阅读 · 0 评论 -
jQuery showHide动画效果
手风琴效果 *{margin:0;padding:0;} ul, li{list-style: none;} 员工管理 个人信息 .... 部门管理 部门信息 .... 系统管理 系统信息原创 2017-10-25 19:50:03 · 797 阅读 · 0 评论 -
jQuery css方法操作
#box{width: 100px;height: 100px;/*background: red;*/} .class{background: lavender;} //单一 只设置一种样式 $('#box').css('border','1px solid red'); //多种 用json方法存放添加 $('#box').css({hei原创 2017-10-25 19:48:43 · 231 阅读 · 0 评论 -
jQuery过滤器
1 2 3 4 5 6 7 8 // :odd 奇数行选择器 因为index是由0开始算的 所以0是偶数行 $('ul li:odd').css('background-color','greenyellow'); // :even 偶数行选择器 $('ul li:even').css('background-原创 2017-10-24 20:37:10 · 241 阅读 · 0 评论 -
jQuery层级选择器
title_1 li_1_1 li_1_2 title_2 li_2_1 li_2_2 div1 div2 div3 div4 div5 p1 span1 (function(){ // 后代选择器 子辈和原创 2017-10-24 20:36:13 · 194 阅读 · 0 评论 -
jQuery 元素的克隆 clone()
var input1 = $('input'); input1.on('click',function(){ alert('动态添加的内容!'); }); //clone() 浅克隆 $('input').clone().appendTo($('body')); //clone(true) 深克隆 可以将动态添加的行为等克隆进去 $('input').clon原创 2017-10-25 19:55:25 · 1711 阅读 · 0 评论