-
使用appendTo()方法向被选元素内插入内容 appendTo()方法也可以向指定的元素内插入内容,它的使用格式是: $(content).appendTo(selector) 参数content表示需要插入的内容,参数selector表示被选的元素,即把content内容插入selector元素内,默认是在尾部。 appendTo()方法的前面是内容变量名或元素名。 appendTo()方法的后面只能是元素名称。查看全部
-
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>挑战题</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> </head> <body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li >5</li> <li >6</li> <li>7</li> <a href="javascript:void(0)" class="a1">更多</a> </ul> <script> $('.a1').click(function(){ if($('.a1').html()=="更多"){ $('.a1').html("简化"); $('li').show(); }else{ $('.a1').html("更多"); $('li:gt(3):not(:last)').hide(); }查看全部
-
我们知道使用:first过滤选择器可以获取指定父元素中的首个子元素,但该选择器返回的只有一个元素,并不是一个集合,而使用:first-child子元素过滤选择器则可以获取每个父元素中返回的首个子元素,它是一个集合,常用多个集合数据的选择处理。查看全部
-
介绍一个功能更为强大的属性选择器[attribute*=value],它可以获取属性值中包含指定内容的全部元素,其中[]是专用于属性选择器的括号符,参数attribute表示属性名称,value参数表示对应的属性值。查看全部
-
属性作为DOM元素的一个重要特征,也可以用于选择器中,从本节开始将介绍通过元素属性获取元素的选择器,[attribute=value]属性选择器的功能是获取与属性名和属性值完全相同的全部元素,其中[]是专用于属性选择器的括号符,参数attribute表示属性名称,value参数表示属性值。查看全部
-
:eq(index)过滤选择器灵活选择任意的一个标签元素 $("li:eq(2)").css("background-color", "#60F");查看全部
-
使用append()方法向元素内追加内容 append(content)方法的功能是向指定的元素中追加内容,被追加的content参数,可以是字符、HTML元素标记,还可以是一个返回字符串内容的函数。查看全部
-
移除属性和样式 使用removeAttr(name)和removeClass(class)分别可以实现移除元素的属性和样式的功能,前者方法中参数表示移除属性名,后者方法中参数则表示移除的样式名 例如,使用removeAttr()方法移除<a>元素中的“href”属性查看全部
-
操作元素的样式 通过addClass()和css()方法可以方便地操作元素中的样式,前者括号中的参数为增加元素的样式名称,后者直接将样式的属性内容写在括号中。 例如,使用addClass()方法,改变<div>元素的背景色和文字颜色查看全部
-
element 选择器 $(“element”) attr()方法的功能是设置或获取元素的某项属性值。查看全部
-
prev + next选择器:获取<p>元素最近邻的下一个元素 $('p+label') 获取p最紧邻的lable查看全部
-
#id 选择器 $("#default").html("设置内容");查看全部
-
jQuery实际上就是JavaScript代码包装成拿过来就能实现特定功能的代码库 jQuery更加的简洁方便,我们在处理DOM时不必关心功能的实现细节。 $()就是jQuery中的函数,它的功能是获得()中指定的标签元素。如示例中$(“p”)会得到一组P标签元素,其中“p”表示CSS中的标签选择器。$()中的()不一定是指定元素,也可能是函数。 在jQuery中 $()方法等价于jQuery()方法,前者比较常用,是后者的简写。一般只有在$()与其它语言冲突时才会使用jQuery()方法。查看全部
-
jquery的 $(document).ready() 与JavaScript的 window.onload 的区别 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 2.编写个数不同 window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个 $(document).ready()可以同时编写多个,并且都可以得到执行 eg: window.onload = function(){ alert(“text1”); }; window.onload = function(){ alert(“text2”); }; 结果只输出第二个 $(document).ready(function(){ alert(“Hello World”); }); $(document).ready(function(){ alert(“Hello again”); }); 结果两次都输出 3.简化写法 window.onload没有简化写法 $(document).ready(function(){})可以简写成$(function(){});查看全部
-
jQuery本身就是JavaScript,只不过是把JavaScript代码包装成拿过来就能实现特定功能的代码库! 例如,我们想改变页面中所有段落标签中的文本内容: javaScript代码: var page_ps=document.getElementByTagName("p"); for(var i=0;i<page_ps.length;i++){ page_ps[i].innerHTML="Hellow imooc!"; } jQuery代码: $("p").html("Hellow imooc!"); 以上两段代码完成的功能是一样的。由此可以看出,jQuery更加的简洁方便,我们在处理DOM时不必关心功能的实现细节。 $()就是jQuery中的函数,它的功能是获得()中指定的标签元素。如示例中$(“p”)会得到一组P标签元素,其中“p”表示CSS中的标签选择器。$()中的()不一定是指定元素,也可能是函数。 在jQuery中 $()方法等价于jQuery()方法,前者比较常用,是后者的简写。一般只有在$()与其它语言冲突时才会使用jQuery()方法。查看全部
举报
0/150
提交
取消