菜鸟学JQuery第二天--当学生也不容易啊


昨天和大家说了一下JQUERY的一些常见用法，最简单的哦
今天继续写JQUERY的对象
将Dom对象转换为JQuery对象的方法，$(dom对象)；
Jquery对象转 Dom对象：
var domobj = jqobj[0]
var domobj=jqobj.get(0)
转换成DOM对象之后就可以使用JS的方法----呵呵，其他的用法，我相信，你懂的.
JQUERY操作样式表【CSS】
view sourceprint?<script type="text/javascript">  
  
       $(function() {  
       $("#mydiv").css("background", "red");  
       //修改CSS的样式表 
view sourceprint?//$("#mydiv")选择器下面讲，现在你就知道这个是获得下面ID="mydiv"的元素， 
view sourceprint?//相当于 :  document.getElementById("mydiv"); 
view sourceprint?      });  
</script> 
view sourceprint?<body>   
view sourceprint?  <div id="mydiv">    这个是测试用的文件位置    </div> 
view sourceprint?</body><BR> 
 
获得CSS的样式表的操作是
$("#mydiv").css("background")；
修改Value：$("#mydiv").val("测试的文件");
获得Value：$("#mydiv").val();
jQuery中很少有属性的用法，因为属性写法很难“链式编程”。【链式编程以后慢慢说】
JQuery选择器
 
首先写一个HTML简单的页面
呵呵
放上几个DIV即可
view sourceprint?1 <html> 
view sourceprint?01 <head>  
02     <title></title>  
03    
04     <script src="jquery-1.5.1.min.js" type="text/javascript"></script>  
05    
06     <style type="text/css">  
07         .divs  
08         {  
09             background-color: Red;  
10         }  
11     </style>  
12     <script type="text/javascript">  
13    
14         //相当于加载方法  
15         $(function() {  
16             $(".divs").click(function() {     //找到网页中的所有元素  
17                 alert($(this).text());        //弹出他的文字，this只的是该元素  
18             });  
19         });  
20     </script>  
21    
22 </head>  
23 <body>  
24     <div class="divs">  
25         111111  
26     </div>  
27     <div class="divs">  
28         222222  
29     </div>  
30     <div class="divs">  
31         33333  
32     </div>  
33 </body>  
34 </html> 
这种办法就是JQUERY选择器  
css样式表选择器的使用方法 $(".className")那个就是css的名字了
下面的html标签中只要包含class=className;的就可以调用上面的方法
当然你可以使用  $("#idName")  或者 $("标签名字比如:body")
多条件选择器：
$("p,div,span")，同时选择p标签、div标签、span标签元素（类似于CSS选择器）
当然你可以根据自己的需要选择自己的选择器，注意用“，”号分隔，{英文的哦}，千万不要出现空格。
$("#mydiv  div")获取id="mydiv"的div下的所有div元素;
view sourceprint?1 <div id="mydiv">  
2      <div class="divs"> 
view sourceprint?1 我是第一层得 
view sourceprint?1 <div class="divs"> 
view sourceprint?1 我是第二层得 
view sourceprint?1 </div> 
view sourceprint?1 </div><BR> </div>  
$("#mydiv > li")获取div下的直接li子元素
直接子元素的意思，就是下面子集元素   第二级的元素
这里还要提到一个小概念叫做“JQuery的迭代”  我理解的意思就是"循环"，大家有什么其他的说明吗？欢迎告诉我
明天继续..................
欢迎关注.................

补充：web前端 , JavaScript ,