jQuery

1.加载完成
$(document).ready(function(){});
$(window).ready(function(){});
$(this).ready(function(){});
$(function(){});

2.jQuery对象的属性和方法
size() : dom的个数
html() : 获得内部html
html(“html”) : 设置html
length : dom的个数
each(function(index,obj)) : 遍历
get(index) : 根据索引获得元素
innerHTML : 获得内部html
val() : 取值
val(“txt”) 设置值
text() : 获得文本内容
text(“txt”) : 设置文本内容
attr(“name”) : 获得属性值
attr(“name”,”value”) : 设置属性值
empty() : 清空子元素
trim() : 去掉字符串首尾空格
focus(function(){}) : 获得焦点时调用
click(function(){}) : 点击事件

3.dom 转 jQuery 对象
$(dom)

4.jQuery 转 dom 对象

5.选择器
$(“#id”) : id选择器
$(“.class”) : class选择器
$(“标签名”) : 标签选择器

6.层级选择器
$(“parent child”) : 后代选择器
$(“parent > child”) : 后代元素
$(“pre + next”) : 后边下一个元素
$(“pre ~ sub”) : 后边所有的元素

7.过滤选择器
:first $(“div:first”)
:last $(“div:last”)
:even : 获得偶数元素
:odd : 获得奇数元素
:eq(index) : 获得索引为index的元素
:gt(index) : 获得 index - 最后的元素
:lt(Index) : 获得0-index的元素
:header : 获得h1,h2这种标题元素
:animated : 获得动画的元素
:not(selector) :获得取出selector的元素

8.内容过滤器
:contains(‘text’) : 内容包含选择器
:empty 空内容
:has(selector) 有某种元素的选择器
:parent 有父元素的选择器

9.可见性选择器
:hidden 不可见的
:visible 可见的

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原文链接 http://blog.poetries.top/2016/10/20/review-jQuery 关注...
    前端进阶之旅阅读 16,818评论 18 503
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 5,247评论 0 2
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 4,918评论 0 1
  • Chapter 2 : Selecting the elements upon which to act 1. $...
    Azur_wxj阅读 3,056评论 0 1
  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 8,851评论 0 44

友情链接更多精彩内容