初识jquery 2018-07-23 知识点

toggle() 依次展示或隐藏某个元素
slideDown() 向下展开
slideUp() 向上卷起
slideToggle() 依次展开或卷起某个元素
引入一个外部js 《script type = "tex/javascript" src = "js/javascript--路径.js"》《/script》
innerhtml -- 元素里面包含的内容;
样式用css;用,逗号隔开;
绑定click事件
例如:$('#btn1').click(function(){

// 内部的this指的是原生对象

// 使用jquery对象用 $(this)

})
多选框默认勾选《input type = "checkbox" id = "check" checked = "checked"》多选
prop 和 attr 的区别?
prop 专门读取 true 和 False 的属性值;
attr 是读取其他的 除了true 和 false 的属性值;
面试题 : ready 和 onload 的区别?
答:jquery 里面的节点(标签)执行好了。。。。
window.onload 页面渲染都执行完后在执行window.onload.
ready 比 window.onload 加载的快;
1、html() 取出或设置html内容

// 取出html内容

var htm =('#div1').html();

// 设置html内容

$('#div1').html('<span>添加文字</span>');
2、text() 取出或设置text内容

// 取出文本内容

var htm =('#div1').text();

// 设置文本内容

$('#div1').text('<span>添加文字</span>');
3、attr() 取出或设置某个属性的值

// 取出图片的地址

var src =('#img1').attr('src');

// 设置图片的地址和alt属性

('#img1').attr({ src: "test.jpg", alt: "Test Image" }); fadeOut() 淡出 fadeToggle() 切换淡入淡出 hide() 隐藏元素 show() 显示元素 toggle() 依次展示或隐藏某个元素 slideDown() 向下展开 slideUp() 向上卷起 slideToggle() 依次展开或卷起某个元素("#div1").addClass("divClass2") //为id为div1的对象追加样式divClass2
("#div1").removeClass("divClass") //移除id为div1的对象的class名为divClass的样式("#div1").removeClass("divClass divClass2") //移除多个样式
("#div1").toggleClass("anotherClass") //重复切换anotherClass样式(document) //选择整个文档对象
('li') //选择所有的li元素('#myId') //选择id为myId的网页元素
('.myClass') // 选择class为myClass的元素('input[name=first]') // 选择name属性等于first的input元素
$('#ul1 li span') //选择id为为ul1元素下的所有li下的span元素
对选择集进行修饰过滤(类似CSS伪类)

('#ul1 li:first') //选择id为ul1元素下的第一个li('#ul1 li:odd') //选择id为ul1元素下的li的奇数行
('#ul1 li:eq(2)') //选择id为ul1元素下的第3个li('#ul1 li:gt(2)') // 选择id为ul1元素下的前三个之后的li
('#myForm :input') // 选择表单中的input元素('div:visible') //选择可见的div元素
对选择集进行函数过滤

('div').has('p'); // 选择包含p元素的div元素('div').not('.myClass'); //选择class不等于myClass的div元素
('div').filter('.myClass'); //选择class等于myClass的div元素('div').first(); //选择第1个div元素
$('div').eq(5); //选择第6个div元素
选择集转移

('div').prev('p'); //选择div元素前面的第一个p元素('div').next('p'); //选择div元素后面的第一个p元素
('div').closest('form'); //选择离div最近的那个form父元素('div').parent(); //选择div的父元素
('div').children(); //选择div的所有子元素('div').siblings(); //选择div的同级元素
('div').find('.myClass'); //选择div内的class等于myClass的元素('#div1') // id为div1的元素
.children('ul') //该元素下面的ul子元素
.slideDown('fast') //高度从零变到实际高度来显示ul元素
.parent() //跳到ul的父元素,也就是id为div1的元素
.siblings() //跳到div1元素平级的所有兄弟元素
.children('ul') //这些兄弟元素中的ul子元素
.slideUp('fast'); //高度实际高度变换到零来隐藏ul元素

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

推荐阅读更多精彩内容

  • 一)jQuery九类选择器【参见jQueryAPI.chm手册】 目的:通过九类选择器,能定位web页面(HTML...
    奋斗的老王阅读 1,031评论 0 51
  • //------------------------- 第一章 认识JQuery ----------------...
    米塔塔阅读 696评论 0 9
  • 一:认识jquery jquery是javascript的类库,具有轻量级,完善的文档,丰富的插件支持,完善的Aj...
    xuguibin阅读 1,699评论 1 7
  • jquery介绍 jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有...
    1263536889阅读 351评论 0 1
  • 今天是三伏的第一天,我不但热还燥。 当然这是一句废话,谁不热呢? 其实,我很想去哪里避个暑,然后给自己放个假。 不...
    早晨好琴阅读 547评论 0 1