当前位置: 代码迷 >> Web前端 >> jquery札记(-)
  详细解决方案

jquery札记(-)

热度:376   发布时间:2012-11-22 00:16:41.0
jquery笔记(-)

$(".clidren").click(function ()
{
?$(".clidren").addClass("highlight").children("a").show().end().siblings().removeClass("highlight").chlidren("a").hide();
});
这段代码当鼠标点击页面含有clidren class 样式的元素时,添加一个highlight的class 然后显示出来,在点击的class 含有highlight元素去掉一个highlight的class 同时隐藏全部
$("#table>tbody>tr:has(td:last:has(:checkbox:enabled))").css("backgronud","red");
在一个id为table的<tbody>中,如果每行最后一行的checkbox没有被禁用,则把则一行的背景设成红的
jquery中的将对象转换成Dom对象的处理方法:
1.jquery对象是一个数组对象,可以通过[index]的方法获得dom对象例如:
var $cr=$("#cr");//jquery对象
var cr=$cr[0];//dom对象
2.jquery对象是一个数组对象,可以通过get(index)的方法获得dom对象例如:
var cr=$cr.get(0);//dom对象
Dom中的将对象转换成jquery对象的处理方法:
var cr=document.getElementById('cr');
var $cr=$(cr);
jquery的is方法
$cr.is(":checked");//判读是否选择
Jquery与其他js库的冲突
比如:prototype
解决方案:
1.先导jquery,然后导prototype就可以使用jquery
2.在script标签中写:
jQuery.noConflict();//将变量的控制权给prototype。js
使用
jQuery(function()
{
jQuery("p").click(function()
{
?alert(jQuery(this).text());
}
}
或:
var $j=jQuery.noConflict();
$j(function()
{
$j("p").click(function()
{
?alert($j(this).text());
}
}

jquery的Macromedia Dreamweaver 插件安装http://xtnd.us/dreamweaver/jquery

  相关解决方案