jQuery入门

https://www.cnblogs.com/liwenzhou/p/8178806.html

 

1. jQuery是什么？

2. jQuery的使用
    1. 下载jQuery
        jQuery的版本
            1.x  √
            2.x
            3.x  √
    2. 导入jQuery(先导入后使用！！！)
        一个页面只需要导入一次就可以了！！！
    3. 使用
        1. 基础语法：
            jQuery
            $   一般用这个     --> import gevent as g      
            
3.     查找标签
    1. 选择器
        1. 基本选择器
            1. $("#id值")
            2. $("标签名")
            3. $(".class名")
            4. $("*")
            5. $("div.c1")
            6. $("div,.c1")
        2. 层级选择器
            1. $("div .c1")     --> div下面子子孙孙中的有c1样式类的标签
            2. $("div>.c1")     --> div下面儿子中的有c1样式类的标签
            3. $("label+input") --> 找到紧挨着label标签下面的input标签
            4. $("div~p")       --> 找到div同级下面的所有的p标签
        3. 属性选择器
            1. $("[s14]")
            2. $("[type='submit']")
            3. $("[type!='submit']")
        4. 基本筛选器
            1. $("div:first")/$("div:last")
            2. $("div:eq(3)")/$("div:gt(3)")/$("div:lt(3)")
            3. $("div:even")/$("div:odd")
            4. $("div:not(.c1)")   --> 找到没有c1样式类的div标签
            5. $("div:has(.c1)")   --> 找到内部有c1样式类的div标签
        5. 表单筛选器
            1. $(":text")/$(":password") ...
            2. $("input:checked")
            3. $(":selected")
    
    2. 筛选器
        1. 上一个
        2. 下一个
        3. 祖先标签
        4. 儿子和兄弟
        4. 查找
        5. 筛选
    
    3. 操作class
        1. addClass()
        2. removeClass()
        3. hasClass()
        4. toggleClass()

jQuery 文档操作方法

这些方法对于 XML 文档和 HTML 文档均是适用的，除了：html()。

方法	描述
addClass()	向匹配的元素添加指定的类名。
after()	在匹配的元素之后插入内容。
append()	向匹配元素集合中的每个元素结尾插入由参数指定的内容。
appendTo()	向目标结尾插入匹配元素集合中的每个元素。
attr()	设置或返回匹配元素的属性和值。
before()	在每个匹配的元素之前插入内容。
clone()	创建匹配元素集合的副本。
detach()	从 DOM 中移除匹配元素集合。
empty()	删除匹配的元素集合中所有的子节点。
hasClass()	检查匹配的元素是否拥有指定的类。
html()	设置或返回匹配的元素集合中的 HTML 内容。
insertAfter()	把匹配的元素插入到另一个指定的元素集合的后面。
insertBefore()	把匹配的元素插入到另一个指定的元素集合的前面。
prepend()	向匹配元素集合中的每个元素开头插入由参数指定的内容。
prependTo()	向目标开头插入匹配元素集合中的每个元素。
remove()	移除所有匹配的元素。
removeAttr()	从所有匹配的元素中移除指定的属性。
removeClass()	从所有匹配的元素中删除全部或者指定的类。
replaceAll()	用匹配的元素替换所有匹配到的元素。
replaceWith()	用新内容替换匹配的元素。
text()	设置或返回匹配元素的内容。
toggleClass()	从匹配的元素中添加或删除一个类。
unwrap()	移除并替换指定元素的父元素。
val()	设置或返回匹配元素的值。
wrap()	把匹配的元素用指定的内容或元素包裹起来。
wrapAll()	把所有匹配的元素用指定的内容或元素包裹起来。
wrapinner()	将每一个匹配的元素的子内容用指定的内容或元素包裹起来。

 

jQuery 属性操作方法

下面列出的这些方法获得或设置元素的 DOM 属性。

这些方法对于 XML 文档和 HTML 文档均是适用的，除了：html()。

方法	描述
addClass()	向匹配的元素添加指定的类名。
attr()	设置或返回匹配元素的属性和值。
hasClass()	检查匹配的元素是否拥有指定的类。
html()	设置或返回匹配的元素集合中的 HTML 内容。
removeAttr()	从所有匹配的元素中移除指定的属性。
removeClass()	从所有匹配的元素中删除全部或者指定的类。
toggleClass()	从匹配的元素中添加或删除一个类。
val()	设置或返回匹配元素的值。

注释：jQuery 文档操作参考手册中也列出了以上方法。本参考页的作用是方便用户单独查阅有关属性操作方面的方法。

 

jQuery CSS 操作函数

下面列出的这些方法设置或返回元素的 CSS 相关属性。

CSS 属性	描述
css()	设置或返回匹配元素的样式属性。
height()	设置或返回匹配元素的高度。
offset()	返回第一个匹配元素相对于文档的位置。
offsetParent()	返回最近的定位祖先元素。
position()	返回第一个匹配元素相对于父元素的位置。
scrollLeft()	设置或返回匹配元素相对滚动条左侧的偏移。
scrollTop()	设置或返回匹配元素相对滚动条顶部的偏移。
width()	设置或返回匹配元素的宽度。