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同样操作

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
禁止转载,如需转载请通过简信或评论联系作者。
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 225,565评论 6 525
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 96,696评论 3 406
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 172,935评论 0 370
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 61,327评论 1 303
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 70,338评论 6 401
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 53,760评论 1 316
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 42,085评论 3 431
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 41,091评论 0 280
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 47,656评论 1 327
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 39,657评论 3 348
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 41,767评论 1 355
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 37,360评论 5 351
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 43,088评论 3 341
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 33,493评论 0 25
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 34,654评论 1 278
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 50,374评论 3 383
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 46,841评论 2 367

推荐阅读更多精彩内容

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