学习记录5

时间:2019-08-16 15:07:06   收藏:0   阅读:65

(1)用span做表格内小竖线

里面添加字符,然后overflow:hidden

采用绝对定位,对线的大小进行描述

(2)产品图片切换

默认样式

float:left;

display:none;

选中样式

display:block

(3)连式保存

将多条代码合成一条代码,要注意返回的类型是对象,字符串不可用,否则不能用(断链)

对象.方法().方法()

自己高亮兄弟默认

$(this).css("backgroundColor":"red").sibilings("li").css("backgroundColor":"blue");

(4)获取兄弟元素的方法

next(),获取最接近自己的下一个兄弟元素

nextAll()获取自己后面所有的兄弟元素

prev()获取最接近自己的上一个兄弟元素

prevAll()获取自己前面所有的兄弟元素

siblings()获取当前元素使用的兄弟元素,自己除外

(5)解决断链

将链恢复到之前的效果就可以

.end()恢复到之前的修改

对象.方法().end().方法()

(5)jq动画

hide()/show(100,function(){})参数可以是数字或者字符串1000--1秒/"slow"/"normal"/"fast",后面可以加方法

hide(1000,arguments.callee);从后面开始隐藏循环

arguments.callee功能类似递归

(6)位序

$("div>img").last("img")当前img中最后一张图片

.first(“img”)当前第一张图片

(7)其他动画方法

slideUp()滑入

slideDown();滑出

slideToggle()切换滑入滑出

fadeIn()淡入

fadeOut()淡出

fadeToggle()切换淡入淡出

fadeTo()时间改变透明度

共同参数:参数1时间(数字)参数2到达透明度(数字)

(8)animate方法

animate(键值对--对象,时间,匿名函数--回调函数){"width":"300px",}

(9)stop方法停止动画方法

对象.stop().show()/hide()

(10)DOM中创建元素

1document.write("标签代码")缺点是页面加载后创建元素,把页面中原有内容全部覆盖

2innerHtml()

3document.createElement("标签名字")

(11)jq中创建元素,返回的是jq对象

1$("标签代码")

2对象.html(标签的代码)

要创建再添加到父节点中,用变量赋值比较便捷

var a = $(‘<a>前端</a>");

$("div").append(a);

(12)添加对象方法

1append()添加到父节点内最后面

2prepend()添加到父节点内第一个

3after()添加到当前元素的后面作为兄弟元素

4before()添加到当前元素的前面作为兄弟元素

5appendTo()把对象主动的添加到目标中

var pObj = $("<p></p>");

pObj.text("HHH");

$("div").append(pObj);

等于

pObj.appendTo($("div"));

(13)jq清空元素中的内容

1.html("");

2对象.empty();

3对象.remove()整个移除元素,上面2个保留元素清空内容

4clone()克隆整个元素

(14)获取文本域的方法

textarea---.text(),val()推荐

(15)设置或获取系统属性值和自定义元素

获取

attr("属性名")

设置

attr("属性名","值");

相同作用的有prop,用法一样,只是作用在表单

(16)判断是否全选

获取tbody中所有的复选框
// // $("#j_tb").find(":checkbox").click(function () {
// // //先获取tbody中所有的复选框的个数
// // var length1=$("#j_tb").find(":checkbox").length;
// // //再获取tbody中所有选中的复选框的个数
// // var length2=$("#j_tb").find(":checked").length;
// // //二者比较,如果相同,让最上面的复选框选中,否则不选中
// // if(length1==length2){
// // //都选中了
// // $("#j_cbAll").prop("checked",true);
// // }else{
// // //有没选中
// // $("#j_cbAll").prop("checked",false);
// // }
// // });
(17)样式设置
除了css()还有width(),height()分别设置
(18)offset
获取值offset()/.left/.top没有定位默认相对返回一个数字数值
设置值offset({"top":200,"left":200})可以不加单位

原文:https://www.cnblogs.com/linquesblog/p/11354835.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!