码迷,mamicode.com
首页 > Web开发 > 详细

jquery常用命令

时间:2017-11-21 14:30:45      阅读:221      评论:0      收藏:0      [点我收藏+]

标签:insert   click   next   find   text   remove   end   状态   span   

常用操作
打印内容: 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() 方法是字符串的长度(个数)
 
 

jquery常用命令

标签:insert   click   next   find   text   remove   end   状态   span   

原文地址:http://www.cnblogs.com/foxbat19/p/7872512.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!