jQuery

1.自定义对象 prototype

    (1)请简述 prototype 的具体的作用

        原型列,使js间接的实现面向对象的功能

prototype
运行结果

(2)user.prototype=new user2();语句的作用是什么?

        让user函数继承user2函数,user对象就可以调用user2函数的方法

2.jQuery概述

    (1)请说出jQuery的特点

        选择器强大,浏览器兼容性好,DOM操作简单

    (2)jQuery使用有几个版本,目前来说哪一个版本使用比较多

        1.x     2.x      3.x目前使用最广泛的是1.x大版本

    (3)jQuery的概念是什么

        JavaScriptQuery:JavaScript代码库

3.认识jQuery的$

    (1)请说出$的作用和意义

        作用1,相当于加载事件    2,充当选择器功能

    (2)window.onload 的作用是什么?和Js中的onload事件有什么区别?

        window.onload:在本html文档加载时执行某个函数

        Js中的onload需要等到整个页面加载完后执行,而$的执行时间要早(类似于static静态代码块)

        window onload一个页面只能写一个,而$一个页面可以写多个而不冲突

    (3)$("tr:odd").css("background-color","red");

        所有偶数行颜色变为红色

单双行代码:

代码

结果:

运行结果

4.jQuery的选择器A

    (1)请说出JS对象和JQ对象之间是如何相互转化的。

        将JS对象转换成JQ对象:$(div).html(“js对象转换为jq对象”)

        Jq对象转换为js对象:var $div = $(“#div1”);var jsDiv = $div.get(0);或使用 var jsDiv = $div[0];

        注意:DOM对象才能使用DOM对象的方法,JQuery对象不可以使用DOM对的方法

对象的相互转换

    (2)请列举常用的基本选择器

        标签选择器:$(“Tag”)

        Id选择器:$(“#id”)

        类选择器:$(“.class”)

        通配符选择器:$(“*”)

        分组选择器:$(".class1,.class2,....classN");

    (3)请说明 html()和 val()方法之间的区别

        html():获得文本内容

        val():获得对应的值

5.jQuery的选择器B

选择器学习B

    (1)请问后代选择器和子父选择器的区别

        Eg:$(“A b”):A标签下的所有b标签    $(“A>b”):A标签下的直接级子元素b

    (2)prev + next 选择器

        后面第一个兄弟元素

    (3)prev ~ next 这个选择器的作用

        后面所有的兄弟元素

6.选择器学习C

选择器学习C

    (1)如何获得ul中所有下标(0开始)为奇数的li对 象

    (2)如何获得ul中所有下标(0开始)为偶数的li对象。

获得方式

    (3)$("ul li:lt(4)").css("color","green");这个选择器的含义是什么?

        获得小于指定索引下标为4的对象,并将字体颜色设置为绿色

单双行颜色改变

7.Query的选择器D

选择器学习D

    (1)想要获得input标签中name属性名字包含a 的标签对象应该如何书写。

        $(“input[name*a]”)

    (2)请说出$("input[type=text][name^=z]")选择器的含义

        表单中类型为text的且name以z开头的元素

8.jQuery的选择器E

选择器学习E

    (1)$("input:disabled")这个选择器的作用是什么?

        获得input标签中含有disabled属性的对象

    (2)$(":input")和$("input");这两个选择器的区别是什么?

        $(":input"):获得form表单中所有的表单         $("input"):获得所有标签名为input的元素

9.操作页面的样式1

(1)如何可以获得一个div元素的宽和高的css样式,JQ获得方式和JS获得方式之间的差异在什么地方.

        JQ:获得宽  $(“div”).css(“width”)        获得高  $(“div”).css(“height”)

        JQ使用的方法是封装了JS,代码相对js简洁

JQ写法
传统JS写法

    (2)想要操作一个元素对象的css样式有几种方式.

        3种

直接添加样式
操作属性

10.操作页面的样式2

    想通过增加class的方式给指定元素增加样式,有几种书写方式,请写出具体代码。

                两种

具体实现

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一:认识jquery jquery是javascript的类库,具有轻量级,完善的文档,丰富的插件支持,完善的Aj...
    xuguibin阅读 1,726评论 1 7
  • 内容回顾 JS开发步骤确定事件(onclick鼠标点击事件,onsubmit表单的提交事件,onload页面加载完...
    chcvn阅读 509评论 0 3
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 2,611评论 0 7
  • 内容回顾 jQuery的书写步骤引入JQ的包(xxx.js)书写JQ代码$(function(){ JQ代码...
    chcvn阅读 559评论 0 5
  • 欢乐颂2落下帷幕,心情却难以平静,既为五个姑娘们各自的精彩落幕而欣慰,又舍不得对她们说出再见二字,22楼...
    童心麻麻阅读 578评论 0 4