菜鸟学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的迭代” 我理解的意思就是"循环",大家有什么其他的说明吗?欢迎告诉我
明天继续..................
欢迎关注.................
推荐.NET配套的通用数据层ORM框架:CYQ.Data 通用数据层框架