当前位置: 代码迷 >> 综合 >> jquer第二次总结
  详细解决方案

jquer第二次总结

热度:72   发布时间:2024-02-27 10:39:03.0

jquer到底是干什么的?

Jquery是继prototype之后又一个优秀bai的Javascrīpt框架。du它是轻量级的js库(压缩后只有21k) ,它兼zhi容CSS3,还兼容各dao种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。

 

jquer的面向对象是?

什么是面向对象

  • 面向对象仅仅是一个概念或者编程思想
  • 通过一种叫做原型的方式来实现面向对象编程

对象是包含相关属性和方法的集合体

  • 属性
  • 方法

创建对象

 

自定义对象:

基于Object对象的方式创建对象

1

var 对象名称=new Object( )

使用字面量赋值方式创建对象

内置对象

  • String(字符串)对象
    • length属性

    • indexOf( )方法、replace( )方法

  • Math(算数)对象
    • max( )、min( )方法、round()方法
  • Array(数组)对象
    • length属性

    • sort( )、concat( )、join( )方法

  • Date(日期)对象

    • get×××:获取年、月、日、时、分、秒等等

    • set×××:设置年、月、日、时、分、秒等等

  • Boolean(逻辑)对象

    • true或者false

    • toString( )方法

  • RegExp对象

    • RegExp是正则表达式的缩写

继承

 

原型链

相关的原型对象层层递进,就构成了实例与原型的链条,就是原型链

对象继承

借用构造函数

  • apply:应用某一对象的一个方法,用另一个对象替换当前对象

1

apply([thisObj [,argArray]])

  • call:调用一个对象的一个方法,以另一个对象替换当前对象

1

call([thisObj[,arg1[,arg2[,  [,argN]]]]])

组合继承(伪经典继承)

将原型链和借用构造函数的技术组合到一块,发挥二者之长的一种继承模式

使用原型链实现对原型属性和方法的继承,而通过借用构造函数来实现对实例属性的继承

 

jquer的用途?

1.jQuery 如何获取元素

$(document) //选择整个文档对象$('#myId') //选择ID为myId的网页元素$('div.myClass') // 选择class为myClass的div元素$('input[name=first]') // 选择name属性等于first的input元素

2.jQuery 的链式操作是怎样的

什么是链式操作,举个例子:

  $('div').find('h3').eq(2).html('Hello');

它的原理在于每一步的jQuery操作,返回的都是一个jQuery对象,所以不同操作可以连在一起。

如果想放回上一个jQuery对象再继续操作,可以使用.end()方法,使得结果集可以后退一步,比如

  $('div').find('h3').eq(2).html('1').end().eq(3).html('2');

这相当于

  $('div').find('h3').eq(2).html('1');$('div').find('h3').eq(3).html('2');

3.jQuery 如何创建元素

创建新元素,只需要将需要创建的元素传递给jQuery的构造函数即可:

  $('<p>Hello</p>');$('<li class="new">new list item</li>');$('ul').append('<li>list item</li>');

4.jQuery 如何移动元素

第一种方法,把div元素移动p元素后面:

  $('div').insertAfter($('p'));

第二种方法,把p元素加到div元素前面

  $('p').after($('div'));

这两种方法返回的元素不一样。在示例代码中,第一种方法返回div元素,第二种方法返回p元素。

5.jQuery 如何修改元素的属性

常见的函数有:

  .html() 取出或设置html内容.text() 取出或设置text内容.attr() 取出或设置某个属性的值.width() 取出或设置某个元素的宽度.height() 取出或设置某个元素的高度.val() 取出某个表单元素的值

当这些函数有参数传输是,是进行修改内容,如果没有参数传入,则是获取内容。