Jquery。

白昼怎懂夜的黑 提交于 2019-11-29 06:11:29

Jquery:

1、概念:JavaScript的框架。本质上就是一些JS文件,封装了JS的原生代码而已。

2、快速入门:下载Jquery -导入文件-使用。

3、JQ对象和JS对象的区别。

  * :Jquery对象操作时更方便。

  * :Jquery对象和JS对象方法不通用。

  * : 转换:jq-->js:jq对象[ 索引 ]    js-->jq : $(js对象)

4、选择器:获取元素(标签)对象。

  1、基本语法:

    * 获取元素对象,$("#id")

    * 入口函数,$(function) 效果等同于 window.onload().区别:后者只能定义一次(会覆盖)

    * 样式控制,

  2、基本选择器:并集选择器--属性值逗号隔开

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

  3、层级选择器:

    *后代选择器:$(“A B”)选择A元素内部的所有B元素。$(“A> B”): 选择A元素内部的所有                  B子元素

  4、属性选择器:* 属性名称选择器:$("标签[属性名]") 包含指定属性的选择器。

          * 属性选择器:$("标签[属性名=‘值’]") 指定属性=指定值的选择器。

  5、表单过滤选择器:可用元素选择器: enable  不可用:disable 。选中选择器:checked、                selected    例子:$("input[ type=' text ' ] :enabled") $("#id:enabled")

DOM操作:

1、内容操作:

  * html() :获取/设置标签体内容

  * text(): 获取/设置标签体纯文本内容

   * val() : 获取/设置 value值

2、属性操作:

  1、通用属性操作:

    * attr() :获取设置元素属性 

    * removeAttr():删除属性

    * prop():获取设置元素属性 

    *removeProp():删除属性

  2、对class属性操作:

3、CRUD操作:

  * append():父元素将子元素追加到末尾 对象1.append(对象2),2添加到1元素内部

  * prepend()开头。

  * after():添加元素到元素后边,同级关系。

  * before(): 前边。

   * remove():移除元素。

  * empty():清空所有子元素。

Jquery遍历:用for就行

Jquery事件绑定:用标准的:对象.click(function) 可以链式:对象.click(function).monseover

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!