-
this,表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象,可以调用jQuery的方法和属性值。查看全部
-
表单元数的种类有text、password、radio、checkbox、submit、image、reset、button、file查看全部
-
重要查看全部
-
在很多场景中,我们需要jQuery与DOM能够相互的转换,它们都是操作的DOM元素,jQuery是一个类数组对象,DOM对象就是一个单独的DOM元素。查看全部
-
代码分析: $(document).ready 的意思是等页面的文档(document)中的节点都加载完毕后,在执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用。查看全部
-
抛开jQuery,如果要获取文档中所有的元素,通过document.getElementsByTagName()中传递"*"同样可以获取到。查看全部
-
不难想到$(".imooc").css()方法内部肯定是带了一个隐式的循环处理,所以使用jQuery选择节点,不仅仅只是选择上的简单,同时还增加很多关联的便利操作,后续我们还会慢慢的学到其他的优势.查看全部
-
通过标准的JavaScript操作DOM与jQuyer操作DOM的对比,我们不难发现: 通过jQuery方法包装后的对象,是jQuery对象,它是一个新的对象 jQuery与DOM对象完全不是同一个东西,但是又似曾相似,因为他们都能处理DOM 通过jQuery处理DOM的操作,可以让开发者更专注业务逻辑的开发,而不需要我们具体知道哪个DOM节点有那些方法,也不需要关心不同浏览器的兼容问题,我们可以通过jQuery更友好的API进行开发,同时代码也会更加精短查看全部
-
$(document).ready 的意思是等页面的文档(document)中的节点都加载完毕后,在执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用。查看全部
-
如果开发者比较在意老版本 IE 用户,只能使用 jQuery 1.9 及之前的版本了。我们这本课程为了兼容性问题,使用的是 1.9 版本。jQuery 每一个系列版本分为:压缩版(compressed) 与 开发版(development),我们在开发过程中使用开发版(开发版本便于代码修改及调试),项目上线发布使用压缩版(因为压缩版本体积更小,效率更快)。 jQuery 只是一个库,不需要特别的安装,只需要我们在页面 <head> 标签内中通过 script 标签脚本引入 jQuery 库即可。查看全部
-
$( "parent > child" ) 子选择器:选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器:选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子,孙子,曾孙等 $("prev + next") 相邻兄弟选择器:选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器:匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素,并匹配过滤“siblings”选择器查看全部
-
$( "parent > child" ) 子选择器:选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器:选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子,孙子,曾孙等 $("prev + next") 相邻兄弟选择器:选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器:匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素,并匹配过滤“siblings”选择器 $( "parent > child" ) 子选择器:选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器:选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子,孙子,曾孙等 $("prev + next") 相邻兄弟选择器:选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器:匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素,并匹配过滤“siblings”选择器查看全部
-
//显示出html方法获取到的内容 //.html()是整个html文档结构 $('p:first').text( $(".first-div").html() ) //显示出text方法获取到的内容 //.text()是文本内容的合集 $('p:last').text( $(".first-div").text() ) //通过.text()方法替换文本内容 $(".left a:first").text('替换第一个a元素的内容') //通过.html()方法替换html结构 $(".left div:first").html('整个div的子节点都被替换了') //通过.text()的回调,获取原本的内容,修改,再重新赋值 $(".left a:first").text(function(idnex,text){ return '增加新的文本内容' + text })查看全部
-
找到第一个input,通过attr设置属性value的值 $("input:first").attr('value','.attr( attributeName, value )') 找到第二个input,通过attr获取属性value的值 $("input:eq(1)").attr('value','biubiubiu') 找到第三个input,通过使用一个函数来设置属性 可以根据该元素上的其它属性值返回最终所需的属性值 例如,我们可以把新的值与现有的值联系在一起: $("input:eq(2)").attr('value',function(i, val){ return '通过' + val }) 找到第四个input,通过使用removeAttr删除属性 $("input:eq(3)").removeAttr('value')查看全部
-
子元素选择器$('parent > children') 后代选择器$('parent Grandson') 相邻兄弟选择器$('prev + next') 一般兄弟选择器选择当前选中元素节点之后的所有兄弟节点查看全部
举报
0/150
提交
取消