doraemon的python jquery

### 11.9 iquery

iquery介绍:

jQuery是一个快速、小巧功能丰富的JavaScript库,它通过易于使用的API在大量浏览器中运行,是的HTML文档便利和操作,事件处理,动画和Ajax变得更加简单。

iqyery对象转化成js对象

- $('button')[0]

js对象转化成iquery对象

- $(js对象)

#### 11.9.1 jquery选择器

- 基础选择器
  - $('.box')
  - $('input[type=submit]')
- 高级选择器
- 属性选择器
- 基本过滤选择器
  - :eq() 选择一个 索引从0开始
  - :first 获取第一个
  - :last 获取最后一个
  - :odd 获取奇数
  - :even  获取偶数
- 过滤的方法
  - .eq() 选择一个 索引从0开始
  - .children() 获取亲代儿子
  - .find() 获取后代
  - .parent() 获取父级对象
  - .siblings() 获取除它之外的兄弟元素

#### 11.9.2 动画

普通动画

- show()    $('.box').show(毫秒)
- hidden()
- toggle()

卷帘门动画

- slideDown()
- slideUp()
- slideToggle()

淡入淡出动画

- fadeIn()
- fadeOut()
- fadeToggle()

自定义动画

- .animate({params},speed,callback)

#### 11.9.3 样式、类、属性操作

样式操作;

- 通过调用.css()方法
- 如果传入一个参数,且为字符串,表示获取值
- 如果参数是对象,表示设置多个属性值 $(#box).css({'color':'red','font-size':'29px'})
- 如果两个参数,表示设置翻个属性值 $(#box).css('color','red')

类操作:

- addClass()
- removeClass()
- toggleClass()

属性的操作:

- attr(name,value);   //设置属性
- removeAttr(name);  //删除属性

猜你喜欢

转载自www.cnblogs.com/doraemon548542/p/11535497.html