终于做出来了,感谢木风627同学的笔记,有所收获,在javascript环境下==可能会出错误尽量使用===,在伪链接里的# 会使页面跳动,使用###或者javascript:;就一可以避免。在jquery下 function(){}//在页面加载完毕后执行,附上代码供后来的同学学习。
$("li:first")//获取第一个元素
$("li:last")//获取最后一个元素
$("li:eq(2)")//获取第三个元素
$("li:contains('元素')")//获取包含"元素"的元素
$("li:has('p')")//获取li下的p标签
$("li:hidden")//获取隐藏属性
$("li:visible")//获取可见属性
$("li[title='元素']")//获取li 包含元素的
!=不包含,*=包含一个字符
$("li:first-child")//获取li下的全部 第一个孩子
$("li:last")//获取最后一个元素
$("li:eq(2)")//获取第三个元素
$("li:contains('元素')")//获取包含"元素"的元素
$("li:has('p')")//获取li下的p标签
$("li:hidden")//获取隐藏属性
$("li:visible")//获取可见属性
$("li[title='元素']")//获取li 包含元素的
!=不包含,*=包含一个字符
$("li:first-child")//获取li下的全部 第一个孩子
2016-05-21
$("li[title!='蔬菜']")//获取li里的title属性的属性值为蔬菜的元素
2016-05-21
$("#ID"):标签选择器;$("elementName"):标签选择器;$(".className"):类选择器。这几个基础点要牢记。
2016-05-21
$("#btntest")是通过ID选择器获取对象,然后控制属性,这里说的是通过元素名称获取按钮对象,所以应该使用$("button")来获取,然后进行属性设置。
2016-05-21
$("#frmTest :password").addClass("bg_red");
2016-05-20
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<script>
$("a").click(function(){
$(this).html("简化");
$("li[title='隐藏']").css("display","block");
});
<script>
$("a").click(function(){
$(this).html("简化");
$("li[title='隐藏']").css("display","block");
});
最新回答 / Sunnylincon
什么标签都可以啊,使用serialize()方法可以将表单中有name属性的元素值进行序列化,是有name元素的属性,给前面加一个ID<form action="" id="lala">,后面$("#litest").html($("#lala").serialize())还是可以弹出来啊,个人理解
2016-05-20
我也来归纳一下
$("#司令 小兵") //包含全部小兵
$("#司令>将军")//军政上朝,只有上下级参与
$("#司令+将军")//司令传递给下一级将军
$("司令~司令2")//同级司令交流
$("#司令 小兵") //包含全部小兵
$("#司令>将军")//军政上朝,只有上下级参与
$("#司令+将军")//司令传递给下一级将军
$("司令~司令2")//同级司令交流
$("ancestor descendent") 获取父元素下的所有子元素
$("parent > child") 获取父元素下的除去孙辈的子元素
$("previous + next") 仅仅获取previous这个元素的第一个相邻的元素
$("previous ~ sublings") 获取previous这个元素的所有相邻的同辈元素,不包括previous上面的元素
$("parent > child") 获取父元素下的除去孙辈的子元素
$("previous + next") 仅仅获取previous这个元素的第一个相邻的元素
$("previous ~ sublings") 获取previous这个元素的所有相邻的同辈元素,不包括previous上面的元素
2016-05-20
在这里面我修改了俩个小BUG 就是右移到一定程度的时候发现左移不了 所以我在右移的时候还减去了相反的距离 还有在不能同时左右移动,所以我加上了一个stop()。
$("#left").on("click",function(){$("#box").stop().animate({right:"-=50px",left:'+=50px'},500);});
$("#right").on("click",function(){ $("#box").stop().animate({right:'+=50px',left:"-=50px"},500);});
$("#left").on("click",function(){$("#box").stop().animate({right:"-=50px",left:'+=50px'},500);});
$("#right").on("click",function(){ $("#box").stop().animate({right:'+=50px',left:"-=50px"},500);});
$("li:last-child").css("background-color", "blue");
2016-05-20