学习记录5
(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)判断是否全选
原文:https://www.cnblogs.com/linquesblog/p/11354835.html