jQuery基础语法


1.jQuery选择器:
语法 描述
$(this) 当前 HTML 元素
$("p") 所有 <p> 元素
$("p.intro") 所有 class="intro" 的 <p> 元素
$(".intro") 所有 class="intro" 的元素
$("#intro") id="intro" 的元素
$("ul li:first") 每个 <ul> 的第一个 <li> 元素
$("[href$='.jpg']") 所有带有以 ".jpg" 结尾的属性值的 href 属性
$("div#intro .head") id="intro" 的 <div> 元素中的所有 class="head" 的元素


2.jQuery事件
Event 函数 绑定函数至
$(document).ready(function) 将函数绑定到文档的就绪事件(当文档完成加载时)
$(selector).click(function) 触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件
$(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件


3.jQuery效果
   1)jQuery隐藏/显示
   $(selector).hide(speed,callback);
   $(selector).show(speed,callback);
   $(selector).toggle(speed,callback);
   (hide隐藏,show显示,speed控制隐藏或者显示速度(参数取值slow,fast,毫秒),callback隐藏或者显示完成之后所执行的函数名称,toggle是对显示或者隐藏的切换)
   
   2)淡入淡出
   &(selector).fadeIn(speed,callback);用于淡入已隐藏的元素
   &(selector).fadeOut(speed,callback);用于淡出可见元素
   $(selector).fadeToggle(speed,callback)可以在淡入淡出之间进行切换
   $(selector).fadeTo(speed,opacity,callback);opacity将淡入淡出效果设置为给定的不透明度(介于0-1)之间
   
   3)滑动
   $(selector).slideDown(speed,callback);用于向下滑动元素
   $(selector).slideUp(speed,callback);用于向上滑动元素
   $(selector).slideToggle(speed,callback);在向上向下元素中间进行滑动的切换
   
   4)动画
   $(selector).animate({params},speed,callback);
   必需的params参数定义形成动画的css属性
   $(selector).stop(stopAll,goToEnd);
   stopAll参数规定是否清除动画队列,goToEnd参数规定是否完成当前动画
   
4.jQuery HTML
   1)jQuery获取
text()设置或返回所选元素的文本内容
html()设置或返回所选元素的内容(包括HTML标记)
val()设置或返回表单字段的值
attr()获取属性值

2)jQuery添加/删除
append()在被选元素的结尾插入内容
prepend()在被选元素的开发插入内容
after()在被选元素之后插入内容
before()在被选元素之前插入内容
remove()删除被选元素(及其子元素)
empty()从被选元素中删除子元素

3)jQuery操作css
addClass()向被选元素添加一个或多个类
removeClass()从被选元素中删除一个或多个类
toggleClass()对被选元素进行添加/删除类的切换操作
css()设置或返回被选元素的一个或多个样式属性

5.jQuery遍历
祖先
parent()被选元素的直接父元素
$(document).ready(function(){
$("span").parent();
});

parents()返回被选元素的所有祖先元素
$(document).ready(function(){
$("span").parents();
});

parentsUntil()返回介于两个给定元素之间的所有祖先元素
$(document).ready(function(){
$("span").parentsUntil("div");
});

后代
children()方法返回被选元素的所有直接子元素
也可以使用参数来过滤对子元素的搜索

find()返回被选元素的后代元素,一路向下直到最后一个后代

    同胞
siblings()返回被选元素的所有同胞元素
$(document).ready(function(){
$("h2").siblings();
});

next()返回被选元素的下一个同胞元素
nextAll()返回被选元素的所有跟随的同胞元素
nextUntil()返回介于两个给定参数之间的所有跟随的同胞元素
prev(), prevAll() , prevUntil() 类似于next,但是方向相反

过滤
first()
last()
eq()返回被选元素中带有指定索引号的元素
filter() 方法允许您规定一个标准.不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回
not()与filter()方法相反
阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/w1428002522/article/details/49890447
个人分类: JavaScript
想对作者说点什么? 我来说一句

jQuery教程第一篇

2009年03月08日 80KB 下载

jQuery 精通的实例

2010年05月22日 4.19MB 下载

Jquery基础语法

2011年10月13日 7KB 下载

python基础语法

2017年10月26日 39.8MB 下载

没有更多推荐了,返回首页

不良信息举报

jQuery基础语法

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭