jQuery基本概念

14 篇文章 0 订阅

是一个js函数库,封装简化dom操作(增删改查、ajax)

强大的选择器,

隐式遍历(隐式迭代):一次操作多个元素

读写合一:读数据和写数据用的是一个函数/方法

事件处理

链式调用

DOM操作(增删改)

样式操作 :  .css("属性名",“值”)

 

引入jQuery库:本地引入和远程引入(测试版和生产版本(压缩))

使用jQuery函数:$/jQuery

使用jQuery对象:$xxx(执行$()得到的)

 

1.jQuery核心函数

向外暴露的就是jquery函数,可以直接使用。

当成一般函数使用$(param):

  1. param=function--->window.onload = function(文档加载完成监听)
  2. param是选择器String,查找所有匹配的dom元素,返回所有包含DOM元素的jQuery对象
  3. param是Dom元素:将DOM元素包装为jQuery对象返回 $(this)
  4. param是标签String:创建标签DOM元素对象并包装为jQuery对象和返回

当成对象使用$.xxx

each(obj/arr,function(key,value){})遍历对象那个或者数组

2.jQuery对象(包含所有的匹配的n个Dom元素的伪数组对象)

执行$(),返回的计时jQuery对象

基本行为:

  1. length  size  :dom元素个数
  2. [index]:得到执行下标对用的元素
  3. each(function(index,domELe){}):遍历所有的dom元素
  4. index():得到当前dom元素在所有兄弟中的下标

选择器

有特定语法规则(css)的String,

分类:

基本选择器 :#id  tagName .class 并集 交集

层次选择器:找子 兄   selector1>selector2     selector1 selector2 

过滤选择器:在原有匹配元素中筛选出其中一些:  :first  :last  :eg(index)--其中某一个  :not(selector)--不要这个   :lt  :gt  :odd :even :hidden  :[attrName]  :[attrName = value]

表单:  :input   :text  :checkedbox radio checked(选中的)

属性:操作标签的属性,标签体文本

1. 操作任意属性
   attr(name)  attr(name,value)  读写非boolean标签属性
   removeAttr()
   prop()  同attr  操作boolean
2. 操作class属性
   addClass(value)
   removeClass(classvalue)
3. 操作HTML代码/文本/值
   html()标签体文本
   val() 读写标签的value

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值