彩虹上行走

彩虹上行走的笔记

来自06.[jQuery] 第3章 常规选择器[3](3)

高级选择器1.后代选择器,获取追溯到的多个DOM 对象$('ul li a')$('ul li').find('a').css(...)2.子选择器,只能选择作为某元素子元素的元素。$('#box > p').css('color', 'red');$('#box').children('p').css('color', 'red');3.相邻兄弟选择器,可选择紧接在另一元素后的元素,且二者有相同父元素。$('#box+p').css('color', 'red');$('#box').next('p').css('color', 'red');如果选择紧接着的所有兄弟元素$('#box ~ p').css('color', 'red');$('#box').nextAll('p').css('color', 'red');4.其它选择器选择同级上一个元素$('#box').prev('p').css('color', 'red');同级上一个所有元素$('#box').prevAll('p').css('color', 'red');同级上非指定元素选定,遇到则停止$('#box').preUtil('p').css('color', 'red');同级下非指定元素选定,遇到则停止$('#box').nextUtil('p').css('color', 'red');//同级上下所有元素选定,等同于preAll和nextAll$('#box').sibling('p').css('color', 'red');

来自07.[jQuery] 第3章 常规选择器[4](1)

一、在实际的使用中,我们推荐使用jQuery的方法来进行元素选择二、属性选择器方法:$('标签元素[属性名称]')1.$('a[title^=num]') 获取具有这个属性且开头属性值匹配的DOM 对象2.$('a[title$=num]')获取具有这个属性且结尾属性值匹配的DOM 对象3.$('a[title!=num]')获取具有这个属性且不等于属性值的DOM 对象4.$('a[title*=num]')获取具有这个属性且属性值含有一个指定字串的DOM 对象

来自10.[jQuery] 第5章 基础DOM和CSS操作[上](1)

一、设置无素及内容$('#box').html();// 获取HTML内容$('#box').html(value);//设置HTML内容$('#box').text();//获取元素中的文本内容$('#box').text();//设置元素中的文本内容$('input').val();//获取表单中的内容$('input').val(value);//设置表单中的内容如果想设置多个选项的选定状态,比如下拉列表、单选复选框等等,可以通过数组传递操作。$("input").val(["check1","check2", "radio1" ]);//value 值是这些的将被选定二、元素的属性操作$('div').attr('title'); //获取元素的属性值$('div').attr('title', '我是域名'); //设置属性及属性值$('div').attr('title', function () {return "我是域名";})  //通过函数的返回值设置属性$('div').attr('title', function (index, value) {return value + (index+1) + ',我是域名';}); //可以接受两个参数,index,表示当前元素的索引(从0 开始),第二个参数表示属性原本的值 $('div').removeAttr('title'); //删除指定的属性

来自03.[jQuery] 第2章 基础核心(0)

JS的匿名函数的概念下去重温一下!

来自04.[jQuery] 第3章 常规选择器[1](0)

一、 jQuery简单选择器1.元素选择器 $('div')2.ID选择器$('#id')3.类选择器 $('.class')二、jQuery选择器兼容CSS1-3,并且具备容错功能三、jQuery判断元素节点是否存在1.if($('#id').length>0){...}2.if($('#id').get(0)){...}3.if($('#id').[0]){...}

来自05.[jQuery] 第3章 常规选择器[2](0)

进阶选择器一、简述1.群组选择器,多种选择器添加红色$('span,.em,#box').css('color','red')2.后代选择器,最终追溯到的元素添加红色$('ul li a').css('color','red')3.通配选择器,所有的元素都添加红色$('*').css('color','red')二、实际应用中,多种选择器可以灵活的搭配示例:$('#box p,ul li *').css('color','red')注意:通配选择器最好不经常使用,JS会层层解析,最终降低程序效率。三、特殊模式1.还有一种选择器,可以在ID 和类(class)中指明元素前缀$('p#box div.side').css('color','red')2.三个节点多少类声明$('.box .pox').css('color','red')警告:在构造选择器时,有一个通用的优化原则:只追求必要的确定性。当选择器筛选越复杂,jQuery 内部的选择器引擎处理字符串的时间就越长