Jquery

event.preventDefault() 阻止事件的默认行为

event.stopPropagation() 阻止事件向上冒泡到 DOM 树,阻止任何父处理程序被事件通知

// 选择器 :odd奇数 :even偶数

siblings() - 方法返回被选元素的所有同胞元素。 -- siblings('p');返回同胞元素的所有 <p> 元素;

next() 方法返回被选元素的下一个同胞元素。

nextAll() 方法返回被选元素的所有跟随的同胞元素。

nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。 -- $("h2").nextUntil("h6");h2到h6之间所有的元素;

eq() 方法返回被选元素中带有指定索引号的元素。

first() 方法返回被选元素的首个元素。

last() 方法返回被选元素的最后一个元素。

filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。$("p").filter(".url");

not() 方法返回不匹配标准的所有元素。

// dom加载完执行

$(document).ready(function(){})<==>$(function(){})

// 常见dom事件 可选参数click,dbclick,mouseenter,mouseleave,hover,keypress,keydown,keyup,submit,change,focus,blur,load,resize,scroll,unload

$(selector).click(function(){})

// 隐藏显示  hide隐藏--show显示--toggle切换隐藏显示

$(selector).hide(speed,callback);

// 淡入淡出  fadeIn淡入--fadeOut淡出--fadeToggle切换淡入淡出

$(selector).fadeIn(speed,callback);

$(selector).fadeTo(speed,opacity,callback); //允许渐变给定不透明度(0--1之间);

// 滑动  slideDown向下滑动--slideUp向上滑动--slideToggle切换滑动方向

$(selector).slideDown(speed,callback);

// 动画  使用相对值需要在值的前面加上 += 或 -=:-- 使用预定义的值设置为 "show"、"hide" 或 "toggle":

$(selector).animate({params},speed,callback);

// 停止动画

可选的 stopAll 参数规定是否应该清除动画队列。默认是 false,即仅停止活动的动画,允许任何排入队列的动画向后执行。

可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。

(被立即停止的动画不会触发回调,被立即完成的动画会触发回调。)

$(selector).stop(stopAll,goToEnd);

// 获得、设置内容 - text()、html() 、 val() 、attr()

$(selector).text() - 设置或返回所选元素的文本内容

$(selector).html() - 设置或返回所选元素的内容(包括 HTML 标记)

$(selector).val() - 设置或返回表单字段的值

$(selector).attr() - 方法用于获取自定义的DOM属性值。

$(selector).prop() - 方法用于获取自带的DOM属性值。

回调写法 两个参数: 被选元素列表中当前元素的下标  原来的文本值

$(".runoob").attr("href", function(i, origValue){

if(i !== 2) return

return origValue + "/1111111111";

});

// 添加元素  多个 ,号 隔开

$("p").append("追加文本"); - 被选元素的结尾插入内容(仍然该元素的内部);

$("p").prepend("在开头追加文本"); - 被选元素的开头插入内容(仍然该元素的内部);

$("img").after("在后面添加文本"); - 被选元素之后插入内容。

$("img").before("在前面添加文本"); - 被选元素之前插入内容。

// 删除元素

$("#div1").remove(); - 删除被选元素及其子元素。

$("#div1").empty(); - 删除被选元素的子元素。

// 获取并设置 CSS 类

addClass() - 向被选元素添加一个或多个类

removeClass() - 从被选元素删除一个或多个类

toggleClass() - 对被选元素进行添加/删除类的切换操作

css() - 设置或返回样式属性 - 1个参数返回对应属性值 2个参数设置对应属性 {对象写法:设置多个值}

// 查看元素宽度||高度

width() - 元素宽度

innerWidth() - 元素宽度+padding

outerWidth() - 元素宽度+padding+border  -- 第一个参数为true时 +=margin

// 向上遍历 DOM 树

parent() - 方法返回被选元素的直接父元素。

parents() - 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>)。

parentsUntil() -方法返回介于两个给定元素之间的所有祖先元素。

$("span").parentsUntil("div"); - 返回介于 <span> 与 <div> 元素之间的所有祖先元素:

// 向下遍历 DOM 树

children() - 方法返回被选元素的所有直接子元素。

  第一个参数是过滤  $("div").children("p.1");

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

//AJAX

$.get(URL,callback);

$.post(URL,data,callback);

//附加

var jq = $.noConflict() 方法会释放对 $ 标识符的控制,这样其他脚本就可以使用它了。 并赋值为变量jq中

//遍历

$("li").each(function(){$(this).text()});  forEach同样操作

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。

推荐阅读更多精彩内容

  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 3,848评论 0 3
  • 1.JQ主要功能 HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动...
    benbensheng阅读 2,256评论 0 0
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,097评论 0 3
  • 1.基本使用 1.1加载时机 1.2JQ对象和DOM对象的相互转化 2.选择器 2.1基本选择器 $("元素名称"...
    追逐_chase阅读 5,132评论 0 2
  • 妊娠纹是一种自然的生理现象,有70%-80%的初产妇在怀孕的第五、六个月时在下腹部、臀部、胸部、大腿内侧等不同位...
    jiji8151阅读 2,498评论 0 0