标签:insert click next find text remove end 状态 span
常用操作
打印内容: alert()
获取文本: span.text
获取属性:attr("title")
插入节点:append($li_1)
常用外包裹
$(document).ready(function(){});
$(".recruit-l-btn").on(‘click touchstart‘, function(event) {
});
$("button").click(function() { } );
窗口变化时
$(window).resize(function(){});
$(window).load(function(){});
监听屏幕滚动
$(window).scroll(function(){ });
屏幕改变时刷新
window.onresize=function(){ location=location }
常用命令
hide() 隐藏 | show() 显示 | 显示+隐藏 .toggle(); | 显示隐藏速度设置 hide(1000) |
this 当前 | parents 上级 | next 后面 | siblings 所有同级 | find 后代
toggleClass 添加删除类 | addClass 添加类 | .removeClass 删除类
fadetoggle 淡入淡出 | fadeIn() 淡入 | fadeOut() 淡出
slideToggle 滑入滑出 | slideUp 滑入 | slideDown 滑出
常用筛选
:first :匹配找到的第一个元素。 | :last :匹配找到的最后一个元素 | :not():去除所有与给定选择器匹配的元素
:even:匹配所有索引值为偶数的元素,下标从0开始 : | odd:匹配所有索引值为奇数的元素 |
:eq(index) :匹配一个给定索引值的元素 | :gt(index) :匹配所有大于给定索引值的元素 | :lt(index) :匹配所有小于给定索引值的元素
冒泡
event.stopPropagation(); // 阻止了事件冒泡,但不会阻击默认行为
event.preventDefault(); //不阻击事件冒泡,但阻击默认行为。
returnfalse; //阻止默认行为 阻止事件冒泡
插入节点
append() :每一个匹配元素内部追加内容 $("p").append("<b>你好</b>")
appendTo():追加到指定元素中 $("<b>你好</b>").append("p")
prepend():每一个匹配元素前置内容
prependTo():匹配元素前置到指定元素中
insertAfter():所有匹配元素插入到指定元素后面
before():之前插入内容
instrtBefore():匹配元素插入到指定元素前面
包裹节点:
wrap():每一个匹配元素都包裹 $("p").wrap("<b></b>")
wrapAll():所有匹配元素用一个包裹
wraplnner():每一匹配元素的子内容进行包裹 (子内容+元素)
属性操作
attr(“属性”):获取属性 attr("属性,属性值"):添加属性
attr({"属性1:属性值1,属性2:属性值2,"}) 多属性添加
removeAttr():删除属性
设置和获取HTML、文本和值
1、html():设置和读取元素中HTML内容 $("p").html();
2、text():读取和设置元素中文本内容 $("p").text();
3、val(): 读取和设置元素的值 $("input").val();
动画
1、算定义动画
animate(样式,速度,动画完成时执行函(可选)
如:.animate({left:"+=500px",height:"500px"},3000)
2、动画回调函数
.animate("normal",function({$(this).css(top:20px)}))
3、停止动画和判断是否处于动画状态
stop(是否清动画,是否将动画跳转到结束时刻)
.is(:animated)判断是否处于动画状态
个数
.length,即是数组的长度(个数)
.length() 方法是字符串的长度(个数)
jquery常用命令
标签:insert click next find text remove end 状态 span
原文地址:http://www.cnblogs.com/foxbat19/p/7872512.html