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

昨天和大家说了一下JQUERY的一些常见用法，最简单的哦

今天继续写JQUERY的对象

将Dom对象转换为JQuery对象的方法，$(dom对象)；

Jquery对象 转 Dom对象：

var domobj = jqobj[0]

var domobj=jqobj.get(0)

转换成DOM对象之后就可以使用JS的方法----呵呵，其他的用法，我相信，你懂的.

JQUERY操作样式表【CSS】

 <script type="text/javascript">

        $(function() {
        $("#mydiv").css("background", "red");
        //修改CSS的样式表
       //$("#mydiv")选择器下面讲，现在你就知道这个是获得下面ID="mydiv"的元素，
      //相当于 :  document.getElementById("mydiv");
        });
  </script>

<body>  
  <div id="mydiv">    这个是测试用的文件位置    </div>
</body>

获得CSS的样式表的操作是

$("#mydiv").css("background")；

修改Value：$("#mydiv").val("测试的文件");

获得Value：$("#mydiv").val();

jQuery中很少有属性的用法，因为属性写法很难“链式编程”。【链式编程以后慢慢说】

JQuery选择器

 

首先写一个HTML简单的页面

呵呵

放上几个DIV即可

<html>
<head>
    <title></title>

    <script src="jquery-1.5.1.min.js" type="text/javascript"></script>

    <style type="text/css">
        .divs
        {
            background-color: Red;
        }
    </style>
    <script type="text/javascript">

        //相当于加载方法
        $(function() {
            $(".divs").click(function() {     //找到网页中的所有元素
                alert($(this).text());        //弹出他的文字，this只的是该元素
            });
        });
    </script>

</head>
<body>
    <div class="divs">
        111111
    </div>
    <div class="divs">
        222222
    </div>
    <div class="divs">
        33333
    </div>
</body>
</html>

这种办法就是JQUERY选择器  

css样式表选择器的使用方法 $(".className")那个就是css的名字了

下面的html标签中只要包含class='className';的就可以调用上面的方法

当然你可以使用  $("#idName")  或者 $("标签名字比如:body")

多条件选择器：
$("p,div,span")，同时选择p标签、div标签、span标签元素（类似于CSS选择器）
当然你可以根据自己的需要选择自己的选择器，注意用“，”号分隔，{英文的哦}，千万不要出现空格。
$("#mydiv  div")获取id="mydiv"的div下的所有div元素;
 <div id="mydiv">
      <div class="divs">
我是第一层得
    <div class="divs">
我是第二层得
    </div>
  </div>
 </div>
$("#mydiv > li")获取div下的直接li子元素
直接子元素的意思，就是下面子集元素   第二级的元素
这里还要提到一个小概念叫做“JQuery的迭代”  我理解的意思就是"循环"，大家有什么其他的说明吗？欢迎告诉我
明天继续..................
欢迎关注.................

posted @ 2011-05-10 21:00  KingDZ  阅读(3023)  评论(8)  编辑  收藏  举报