jQuery基础语法

原创 2015年11月17日 17:23:40


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()方法相反
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Jquery基础语法

JQuery的几种基础语法

JQuery的几种基础语法,仔细看完后,你就会发现比原来JavaScript的写法方便很多。 基本语法: $("HTML元素").action() 实例: $(this).hide(); ...

jquery基础语法

jQuery是一个javascript函数库. jQuery库包含以下特性: HTML元素的选取,操作,事件操作,DOM操作 CSS操作 JavaScript特效和动画 Ajax ...

jquery语法基础(二)

1、关于页面元素的引用   通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调...

jquery的语法基础

基本语法:  $("HTML元素").action()  实例:   $(this).hide();  隐藏当前元素      $("p").hide();...

jquery基础语法

之前有接触过jquery,但是对于其语法我现在摸不着头脑,也一直想学习关于他的语法,但是由于工作比较忙的原因。每次还没开始就结束了,我相信有很多同仁和我情况差不多,我趁着现在项目不忙的机会下学习了一下...

jQuery 语法基础

基本语法:  $("HTML元素").action()  实例:   $(this).hide();  隐藏当前元素      $("p").hide();...

jQuery基础语法

jQuery基础语法一、基础语法是:$(selector).action()  美元符号定义 jQuery  选择符(selector)“查询”和“查找” HTML 元素  jQuery 的 a...

JQuery语法介绍

  • 2014-08-18 14:22
  • 297KB
  • 下载

JQuery语法

  • 2011-09-26 15:33
  • 172KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)