欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jquery学习总结1-12

程序员文章站 2022-11-27 14:14:55
一、jquery入口函数的几种写法 1.$(document).ready(function() { } ) ; 2.jquery(document).ready(function() { } ) ; 3.$(function( ) { } ) ; 二、jquery的冲突问题 有时,jquery中的 ......

一、jquery入口函数的几种写法

1.$(document).ready(function()  { } ) ; 

2.jquery(document).ready(function()  { } ) ; 

3.$(function( ) { } ) ;

二、jquery的冲突问题

有时,jquery中的$符号有可能会被占用,我们可以释放系统的$符号,然后自己进行定义

方法:jquery.noconflict( );释放$符号的使用权,之后只能使用jquery来代替$;通过noconflic还可以实现$的自定义eg:var nv = jquery.noconflict( );

三、jquery的核心函数

jquery的核心函数为$()他可以接受一个函数,也可以接受一个字符串;字符串选择器;代码片段以及dom元素

四、jquery对象

jquery对象是一个伪数组,又0--length-1的属性,并且又lenght属性

五、jquery中的静态方法与实例方法

直接添加到类上的为静态方法,添加到原型上的为实例方法;静态方法可以通过类名来调用;实例方法通过类的实例调用(创建一个对象,new())

六、jquery中的each方法

原生js中遍历数组用到foreach方法,参数一,遍历到的元素,参数二,当前遍历的索引(不能遍历伪数组);

jquery中利用each来遍历对象,$.each(arr, function( ) { } );参数一,遍历的数组或对象,参数二,一个回调函数(函数中添加两个形参,形式与foreach中的参数相反);

七、jquery中的map方法

原生js中map方法有三个参数,第一二个与each相同,第三个参数为当前遍历的数组,

jquery中map与each相似;区别:1.each静态方法默认的返回值是遍历谁就返回谁,而map方法的返回值是一个空数组

                                                      2.each方法不支持在回调函数中对遍历的数组进行处理,而map方法则可以,然后会生成一个新的数组

八、jquery中的其他静态方法

1.$.trim()方法可以去除字符串两端的空格, 参数:需要去除空格的字符串;返回值:去除空格之后的字符串

2.$.iswindow()方法可以判断传入的对象是否是window的对象,返回值:true/false

3.$isarray()方法可以判断传入对象是否是真数组,返回值:true/false

4.$sifunction()方法可以判断传入的对象是否是一个函数,返回值:true/false(jquery本质上是一个匿名函数)。

九、jquery中的holdready()方法

$.holdready(true)方法可以暂停ready的执行;$.holdready(false)方法可以恢复ready的执行

十、jquery中的常见选择器

1.empty eg: var div = $("div : empty")         找到既没有文本内容又没有子元素的div(空)

2.parent eg : var div = $("div : parent")          找到有文本内容或有子元素的div

3.contains eg:var div = $("div : contains(“我是div”)")    找到包含指定文本内容的div

4.has eg:var div = $("div :has(“span”)")     找到包含指定子元素(span)的(div)指定元素

十一、jquery中attr()方法与removeattr()方法

attr()方法可以获取或者设置属性节点的值;若传递一个参数,则代表获取属性节点的值,若传递两个参数,则代表设置属性节点的值;

书写形式:dom元素.attr()

注意点:1.如果获取元素的属性节点:无论找到多少元素都会返回第一个元素指定节点的值

               2.如果设置元素的属性节点:找到多少个元素就会设置多少个元素的值

               3.如果设置元素的属性节点:属性节点不存在,则系统会新增该属性节点

              removeattr()方法

删除属性节点,dom元素.removeattr(”class“)作用为删除dom元素中的class属性

注意点:会删除所有选中dom元素的属性,参数之间可以用空格相隔,(删除两个共有属性)

十二、prop()方法和removeprop()方法

           prop()特点与attr()方法一致;removeprop()与removeattr()方法一致;

注意点:prop()方法不仅可以操作属性,还可以操作属性节点

console .  log ( $ ( " input " ) .  prop  (  "  check "  ) )  ; //true /f alse;

console .  log ( $ ( " input " ) .   attr  (  "  check "  ) )  ; //check / undefined ;