jQuery中心思想

一、选择网页元素

1.css选择器

2.特有表达式:(冒号)

二、方法函数化

2.1 原生

例如:window.onload

innerHtml

onclick

2.2 jquery

例如:  $

html() 

.click()

三、原生与 jquery

1 原生与JQ可以共存

ep: $('#div1').html()

oDiv.innerHtml

2 原生与JQ不能混用

ep:  $('#div1').innerHTML  //错误写法

oDiv.html()  //错误写法

四、改变结果集

1 强大的过滤器

例如: has()  not()  filter()

2 相邻元素查找

例如: next() parent() children()

五、链式操作

end() 结果集后退一步

六、取值与赋值合体

例如: html()  val() attr() width()  text()  

如单选框参数还可以是数组

注意:取值是一组元素中取第一个,赋值是所有元素赋值

七、元素的异形换位

1.直接移动该元素

例如: insertAfter()  appendTo()

2.移动其他元素

例如:insert()  append()

区别:操作的元素不同

八、强大的创建

1.使用¥直接创建

2.¥加字符串创建

3.clone(true)克隆

九、工具方法

1.构造函数上的方法

例如:$.each()   $.trim()

2.原型上的方法

例如:$("#div1").each()

十、事件操作

1.独立事件

例如:click()  mouseenter()

2. 通用事件

例如:bind() on()  one()  unbind()  e:event对象   pageX等

阻止默认与冒泡  trigger自定义   toggle(可多个fn按顺序切换)

十一、运动特效

1.常见效果

例如:  fadeIn()  fadeOut()  sideDown()  sideUp()  show()  hide()  

2.复杂效果

例如: animate()  stop()

十二、插件机制、UI组件

扩展插件

使用组件

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

推荐阅读更多精彩内容

  • jQuery基础 什么是JQ?一个优秀的JS库,大型开发必备JQ的好处?一简化JS的复杂操作二不再需要关心兼容性三...
    幺七阅读 4,470评论 0 2
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,198评论 1 45
  • 前言: jQuery的使用需要有JavaScript基础,则否你将很难理解操作的目的. 问题一: j...
    info_gu阅读 4,590评论 0 1
  • 1. tab列表折叠效果 html: 能源系统事业部 岗位名称: 工作地点 岗位名...
    lilyping阅读 5,891评论 0 1
  • 欢迎关注个人微信公众账号:byodian个人博客:Byodian's Blog JavaScript 基础知识总结...
    工具速递阅读 4,119评论 0 3

友情链接更多精彩内容