黑马程序员技术交流社区

标题: Doy04 [打印本页]

---

作者: 夕阳下的少年    时间: 2018-5-3 16:40
标题: Doy04

Web jQuery

JQuery的方式:
        相当于页面加载的时间,可以多次去执行,效率比onload效果要高
JS和JQ的区别是
        JQ可以执行多次
        JS只能执行一次


        jq中的所有的方法必须,只能是jq的对象才能去调用
        JQ就是 $ 符号
                       
JQ显示和隐藏
        JQ的效果操作
                show();
                        使用一:jq对象.show();
                        使用二: jq对象.show("slow");//slow.normal.fast
                        使用三:jq对象.show(毫秒值)://1000
                        使用四:jq对象.slideup(毫秒值.function(){});
jq的选择器
        基本选择器
                id选择器:
                        用法：$("#id")
                类选择器:
                        用法：$(".类名")
                元素选择器:
                        用法：$("元素名称")
                通配符选择器:
                        用法：$("*")
                并列选择器:
                        用法：$("选择器，选择器，选择器")
        层次选择器
       
                后代选择器:
                        使用空格  所有后代包含子孙及以下的元素
                子元素选择器:
                        使用>第一层的元素(儿子)
                下一个元素:
                        使用+  下一个同辈元素
                兄弟选择器:
                        使用~  后面所有的同辈元素
        基本过滤器
                odd :
                even :
       
        内容选择器：
                ：contains(text)
                : empty
                : has(selector)
                : parent
       
        属性选择器       
                $("div[]").css("",""):例如自定义<div title ='aaaa'></div>
       
        表单选择器
                : input
                : text
                : password
                : radio
                : checkbox
                : image
                : button
                : reset
                : file
        表单对象属性选择器：
                ：checked 单选、复选
                ：selected 下拉列表
        效果函数
                基本的显示和隐藏：show()/hide()
                向下、上滑动：slodeDown()/slideUP()
                淡入/淡出：fadeln()/fadeOut()
JQuery改变页面元素样式的两类方式
        1.通过CSS()函数：使用与样式代码比较少的情况
        2.addClass()/removeClass()/toggleClass()适用于样式事先定义好的情况
JQuery操作元素属性
        attr()/prop()

---

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

黑马程序员IT技术论坛 X3.2