黑马程序员技术交流社区

标题: jquery学习总结 [打印本页]

作者: 路人丶    时间: 2018-1-11 21:30
标题: jquery学习总结
选择器总结:
        基本选择器★
                $("#id值")  $(".class值")  $("标签名")  
               
                了解:$("*")
                理解:获取多个选择器 用逗号隔开
                        $("#id值,.class值")
        层次选择器 ★
                a b:a的所有b后代
                a>b:a的所有b孩子
                a+b:a的下一个兄弟(大弟弟)
                a~b:a的所有弟弟
        基本过滤选择器:★
                :frist 第一个
                :last 最后一个
                :odd  索引奇数
                :even 索引偶数
                :eq(index) 指定索引
                :gt(index) >
                :lt(index) <
        内容过滤:
                :has("选择器"):包含指定选择器的元素
        可见过滤:
                :hidden   在页面不展示元素 一般指 input type="hidden" 和 样式中display:none
                :visible
        属性过滤器:★
                [属性名]
                [属性名="值"]
        表单过滤:
                :input  所有的表单子标签  input select textarea button
                //input

属性和css操作总结:
        对属性的操作:
                attr():设置或者获取元素的属性
                        方式1:获取
                                attr("属性名称")
                        方式2:设置一个属性
                                attr("属性名称","值");
                        方式3:设置多个属性  json
                                attr({
                                        "属性1":"值1",
                                        "属性2":"值2"
                                })
                removeAttr("属性名称"):移除指定属性
        //添加class属性的时候
        //        attr("class","值");
        addClass("指定的样式值"); 相当于 attr("class","指定的样式值");
        removeClass("指定的样式值");

        对css操作:操作元素的style属性
                css():获取或者设置css样式
                        方式1:获取       
                                css("属性名")
                        方式2:设置一个属性
                                css("属性名","值")
                        方式3:设置多个
                                css({
                                        "属性1":"值1",
                                        "属性2":"值2"
                                });
        获取元素的尺寸:
                width()
                height()


作者: 1414225997    时间: 2018-1-12 13:52
继续努力哦
作者: 花开的季节    时间: 2018-1-13 14:31
继续努力,加油!
作者: 渝小妹    时间: 2018-1-13 16:07
期待继续更新哟~~~~
作者: 陈文老师    时间: 2018-1-13 17:04
希望每天都看见你在进步
作者: xiongliu    时间: 2018-1-14 10:41
期待更新............




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2