JQuery 就是这么简单(三)

ok，开始我们的第三讲，讲之前，我们先来看个笑话放松一下心情~
一楼盘开盘，开发商制作大幅广告吸引市民，上述：没有房子，就没有媳妇。于是年末房产行业协会评比大会上，该楼盘开发商荣获“最诚实地产商”。
好滴，有心滴童鞋们看了上一讲之后，不知道掌握了多少哈。
如果掌握滴好的话，我现在就可以恭喜你，你成功了一半哦，也许你会说：are u kidding me? 显然我会说：yes！哈哈，玩笑。
哈哈，不扯了，进入主题。
Jquery的属性
正式开讲之前，也许你遇到过这些问题：
1.怎样通过js获得一个标签里属性的值？
2.怎样给一个标签“动态”添加和去除样式？
3.怎样得到标签的html代码和标签里面的值？
4.怎样得到表单元素的值？
也许有足够经验的人可以简单的写出来，但这里，用jquery，你会发现来得更快，更简单哦。
html代码：
aaaaaaaaaaaaa    同理，可以是a，p，label等标签。
html代码很简单，ok，那我们开始回答之前提到的问题。
1.怎么获得span标签里title的值？
js代码：$(”.xiongdilian”).attr(’title’);
没错，就是这么简单，恭喜你，成功了。
如果我就这里打住，就太对不起人了我觉得，所以，我想拓展一下。
这里的attr()方法，除了获得属性值外，还可以设置属性值。
比如我们从列表页跳转到修改页时，也许有一个字段会有多个状态，那我们写程序的时候，首先显示这个状态，然后在循环出不等于这个状态的其他状态，是不是？这里用js，可以来得更自己一点。
比如，html代码：

        aaa
        bbb
        ccc

也就是说，我当前的状态为bbb(value=’1′)，所以，在加载修改页的时候，那显然应该选择中bbb(value=’1′)这个选项了，那么，我们怎么靠jquery实现了？
首先，隐藏一个
js代码：
size = $(”.jerry option”).size();
for (i=0; i        if ($(”.cls_chen”).atte(”title”)==$(”.jerry option:eq(”+i+”)”).val()){ 
                $(”.jerry option:eq(”+i+”)”).attr(”selected”,”selected”);
        }
}
然后在运行，看看选中的是什么？嘿嘿，lable标签里面的title值是动态加载的哦，所以这样也可以实现加载的状态值。
看到这里，那我们就一口气掌握了：获得标签的属性值和设置标签的属性值，是不是很简单了？
那我们在乘火打铁。
2.获得和设置标签的文本值。
也许你在做表单验证时，提交的那一刻，如果用户有一项必填的没有填写，你可以马上做出“友好”动作来提示，而不是弹出一个对话框，是不是有这样的情况，这里，用jquery实现起来，你会发现，太犀利鸟。
html代码：

提交”>
js代码：
$(”:button”).click(function(){
if (trim($(”input[name='uname']“).val())==”"){
        $(”.cls_uname”).text(”fuck u!用户名必填，ok?”);
}
});
效果是什么了？ 点击就知道了哦。
或者，我们在判断里改成如下代码：
$(”.cls_uname”).html(”fuck u!用户名必填，ok?”);    在看看效果，嘿嘿，是不是很方便了？
木有错，不要怀疑自己的眼睛，就系勒么简单。
开讲css时，我们先来看看学到了些什么东西？
val()获得表单的值；attr()获得属性值和设置属性值；text()获得和设置文本；html()获得和设置html代码。
嘿嘿，那么就开始最后一个小知识点，设置css()。
3.设置css和移除属性，这里会配合到css样式的。
css代码：

html代码：

点击我变红色

js代码：
$(”.jerry”).click(function(){
      $(this).addClass(”change”);
 });
点击得看看，是不是变红色了呢？哈哈，蛮好玩的。
但是，没错，又是这该死的但是，是不是觉得有时候不需要一些样式，要移除的？ok，这就是我们接下来要讲的。

html代码：

点击我变红色

js代码：
$(”.jerry”).click(function(){
      $(this).removeClass(”jerry”);
 });
在点击的看看~是不是就不是红色的了呢？
什么？丫你还不满足？要最开始是黑色，然后点击变成红色，在点击变回黑色，然后不断循环？
好吧，满足你。

html代码：

点击我变红色

js代码：
$(”.jerry”).click(function(){
      $(this).toggleClass(”change”);
 });
效果：开始黑色，点击变红色，在点击变回黑色，如此循环。
我简单的解释一下，最开始p标签是没有任何样式的，在点击之后，js就会自动判断是否有change样式，有就去掉，没有就加上，所以，颜色就是不断在变化的。
是不是很好玩了？
OK，这一讲，就结束了，最后，送一个小例子，我们来用p标签模拟a标签的效果。
css代码：

html代码：

我不是超链接，我是p标签，点击得试试看~

js代码：

下一期，讲解筛选。