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 |
|
使用字面量赋值方式创建对象
内置对象
- String(字符串)对象
-
length属性
-
indexOf( )方法、replace( )方法
-
- Math(算数)对象
- max( )、min( )方法、round()方法
- Array(数组)对象
-
length属性
-
sort( )、concat( )、join( )方法
-
-
Date(日期)对象
-
get×××:获取年、月、日、时、分、秒等等
-
set×××:设置年、月、日、时、分、秒等等
-
-
Boolean(逻辑)对象
-
true或者false
-
toString( )方法
-
-
RegExp对象
-
RegExp是正则表达式的缩写
-
继承
原型链
相关的原型对象层层递进,就构成了实例与原型的链条,就是原型链
对象继承
借用构造函数
- apply:应用某一对象的一个方法,用另一个对象替换当前对象
| 1 |
|
- call:调用一个对象的一个方法,以另一个对象替换当前对象
| 1 |
|
组合继承(伪经典继承)
将原型链和借用构造函数的技术组合到一块,发挥二者之长的一种继承模式
使用原型链实现对原型属性和方法的继承,而通过借用构造函数来实现对实例属性的继承
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() 取出某个表单元素的值
当这些函数有参数传输是,是进行修改内容,如果没有参数传入,则是获取内容。