-
<script type="text/javascript"> //通过原生方法处理 //获取到所有的节点标记名为div的元素 //给每一个div加上蓝色的边框 var divs = document.getElementsByTagName('div'); for (var i = 0; i < divs.length; i++) { divs[i].style.border = "3px solid blue"; } </script> <script type="text/javascript"> //通过jQuery直接传入标签名p //标签是可以多个的，所以得到的同样也是一个合集 $("p").css("border", "3px solid red"); </script>查看全部
-
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <style> div { width: 100px; height: 90px; float: left; padding: 5px; margin: 5px; background-color: #EEEEEE; } </style> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <div id="aaron"> <p>id="aaron"</p> <p>选中</p> </div> <div id="imooc"> <p>id="imooc"</p> <p>jQuery选中</p> </div> <div id="imooc"> <p>id="imooc"</p> <p>jQuery未选中</p> </div> <script type="text/javascript"> //通过原生方法处理 var div = document.getElementById('aaron'); div.style.border = "3px solid blue"; </script> <script type="text/javascript"> //通过jQuery直接传入id //id的唯一，只选择到了第一个匹配的id为imooc的div节点 $("#imooc").css("border", "3px solid red"); </script> </body> </html>查看全部
-
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="http://code.jquery.com/jquery-1.11.3.js"></script> </head> <body> <div>元素一</div> <div>元素二</div> <div>元素三</div> <tr> <td>asdf</td><br/><td>asdfg</td><br/><td>asdfqw</td></br><td>weqr</td> </tr> <script type="text/javascript"> var div = document.getElementsByTagName('div'); //dom对象 //将dom节点div转化为$div的jquery对象 // $div = ? var $div=$(div); var $first = $div.first(); //找到第一个div元素 $first.css('color', 'red'); //给第一个元素设置颜色 var $first = $div.last(); //找到第一个div元素 $first.css('color', 'yellow'); //给第一个元素设置颜色 var div1 = document.getElementsByTagName('tr'); //dom对象 </script> </body> </html>查看全部
-
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="http://code.jquery.com/jquery-1.11.3.js"></script> </head> <body> <div>元素一</div> <div>元素二</div> <div>元素三</div> <div>元素四</div> <div>元素五</div> <div>元素六</div> <script type="text/javascript"> var $div = $('div'); //jQuery对象 //? div = ? var div=$div.get(0); div.style.color = 'red'; //操作dom对象的属性 var div1=$div.get(1); div1.style.color='yellow'; var div2=$div.get(2); div2.style.color='blue'; var div3=$div.get(3); div3.style.color='green'; var div4=$div.get(4); div4.style.color='black'; var div5=$div.get(5); div5.style.color='blue'; </script> </body> </html>查看全部
-
jQuery利用数组下标的方式读取到jQuery中的DOM对象 JQuery是一个类数组对象，而DOM对象就是一个单独的DOM 如何把JQuery对象转成DOM对象 利用数组下标的方式读取到jQuery中的DOM对象 HTML代码 <div>元素一</div> <div>元素二<div> <div>元素三</div> JavaScript代码 var $div=$('div');//jQuery对象 var div=$div[0];//转化为DOM对象 div.style.color='red';//操作dom对象的属性 数组索引是从0开始的，也就是第一个元素下标是0查看全部
-
学习前 段不仅要学习html javascript css jquery 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”选择器查看全部
-
jQuery对象是一个类数组，因此默认会操作类数组里面保存的所有dom节点。查看全部
-
toggleClass添加删除class，一次执行相当于addClass，再次执行相当于removeClass 不存在就添加，存在就删除查看全部
-
$('#id'); //内部调用javascript的document.getElementById('id');然后再转化为jQuery对象。 ID值唯一。 $('tagName');//内部调用javascript的document.getElementsBytagName('tagName');然后再转化为jQuery对象。查看全部
-
$(dom)//方法把dom对象转化成jquery对象。这是一个类数组结构。 $(dom).first()；//first()方法找到第一个div元素查看全部
-
indexOf()是返回（）中字符出现的位置，从0开始计数，如果没有则返回-1 if(-1 !== className.indexOf('imooc'))查看全部
-
jQuery对象是一个类数组，里面存放的应该是DOM节点的集合。而且内部重新定义了一些方法封装了javascript的原生函数。 $('div');内部调用javascript方法获取tagname,然后再转化成jquery对象； 通过get方法可以直接获取jQuery对象中的Dom节点。查看全部
-
1、jQuery通过jQuery对象通过jQuery提供的API操作html中的文档节点，可以处理DOM操作，有自己的html和css方法。 2、在浏览器的兼容性方面，jquery比javascript兼容能力更强。 3、语言简练，代码简洁。查看全部
举报
0/150
提交
取消