jquery常用命令

常用操作

打印内容： alert()

获取文本： span.text

获取属性：attr("title")

插入节点：append($li_1)

常用外包裹

加载完DOM后执行

$(document).ready(function(){});

$(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() 方法是字符串的长度（个数）

 

 

转载于:https://www.cnblogs.com/foxbat19/p/7872512.html