jQuery基础（1）

jQuery

<script src="jquery-1.12.4.js"></script>
    <script type="text/javascript">  
    $(document).ready(function a() {
            alert("我编写的第一个jQuery程序！^^");
        }
    )
    </script>

主要语法：
$(selector).action(); 工厂函数$ ()：将DOM对象转化为jQuery对象
选择器selector：获取需要操作的DOM元素
方法action()：jQuery中提供的方法，其中包括绑定事件处理的方法
添加一个类样式：
jQuery 对象.addClas([样式名]);
.click()点击事件
$(selector).show()显示$ (selector).hide()隐藏
$(selector).html()获取文本$ (num)把num转为jQuery对象
next()下一个
jQuery对象命名一般约定以$开头
siblings()获得当前元素的兄弟元素

基本选择器：
标签选择器： $(“h2”)所有的h2 类选择器：$ (“.title”)class为title的
Id选择器： $(“#titile”)id为title的并集选择器：$ (“div,p,#title”)div,p和拥有class为title的
全局选择器：$(“*”)选取所有元素

层次选择器：
后代选择器： $(“#menu span”)选取#menu下的span标签子选择器：$ (“#menu>span “)选取#menu子元素span
相邻元素选择器： $(“h2+dl”)选取紧邻h2元素之后的同辈元素dl 同辈元素选择器：$ (“h2~dl”)选取h2元素之后所有的同辈元素dl

属性选择器：
$(“[href]”)选取含有href属性的元素$ (“[href=’#’]”)选取含有href属性值为“#”的元素
$(“[href!=’#’]”)选取含有href属性值不为“#”的元素

过滤选择器：
:first第一个
:last最后一个
:not(selector)选取不是not里面那个选择器的
:even偶数
:odd奇数
:eq(index)选取索引等于index的
:gt(index)选取索引大于index的不包括index
:lt(index)选取索引小于index的不包括index
:header选取h1-h6标题的
:focus焦点
:visible选取所有的可见元素
:hidden选取所有隐藏元素

猜你喜欢