Jquery。

Posted zhangyuhao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Jquery。相关的知识,希望对你有一定的参考价值。

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

 

以上是关于Jquery。的主要内容,如果未能解决你的问题,请参考以下文章

jQuery

jQuery插件开发:jQuery类方法

XMLHttpRequest、jQuery.ajax、jQuery.post、jQuery.get 有啥区别

Jquery

jquery的基本api

jQuery编程