资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

js--jquery小回顾

1.js小回顾

1.1声明一个add函数,要求函数有返回值,并打印结果




    
    
    




    

1.2对“hello world”进行翻转处理 要求变为:"dlorw olleh"



    
    
    




    

1.3如何定义一个对象?使用字面量方式 要求:该对象有名字、年龄、爱好多个



    
    
    




    

1.4setTimeout()和setInterval()的区别?如何理解他们的作用

setTimeout是延时性操作,定义多久之后执行
setInterval是周期性操作,定义每隔多久执行一次

 //延时性的操作
        window.setTimeout(function () {
            console.log('定时任务!');
        },0)//这里的时间单位是毫秒

 timer=setInterval(function () {
            num++;
            if(num>5){
                clearInterval(timer);
                return;
            }
            console.log('num:'+num);
        },1000)//周期性操作,每一秒执行相应的操作。

1.5对于标签文本内容值的操作使用的是哪个属性?input输入框呢?

js对象获取文本内容的属性-innertext,innerHTML
input输入框获取文本内容的属性-value



    
    
    



js--jquery小回顾

创新互联是专业的通辽网站建设公司,通辽接单;提供成都网站建设、做网站,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行通辽网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

1.6获取DOM的三种方式?

var getelement_by_id = document.getElementById('box_id');//1.通过id获取单个标签。
var getelement_by_tagname = document.getElementsByTagName('div')[0];//2.通过 标签名 获得 标签数组。
var getelement_by_classname = document.getElementsByClassName('box')[0];//3.通过 类名 获得 标签数组。

1.7如何设置标签属性的值?比如类名如何设置?如何设置多个类型

jquery中标签的属性操作:
attr(key) 获取属性值
attr(key,value) 设置单个值
attr({key1:value1,key2:value2});设置多个值

js中的标签属性操作:
 setAttribute(key,value)
 getAttribute()
 removeAttribute(name: DOMString)

1.8列举你知道的js事件

onclick    鼠标单击
ondblclick  鼠标双击
onkeyup  按下并释放键盘上的一个键时触发
onchange  文本内容或下拉菜单中的选项发生改变
onfocus  获得焦点,表示文本框等获得鼠标光标
onblur    失去焦点,表示文本框等失去鼠标光标
onmouseover  鼠标悬停,即鼠标停留在图片等的上方
onmouseout    鼠标移出,即离开图片等所在的区域
onload        网页文档加载事件
onunload    关闭网页时
onsubmit   表单提交事件
onreset      重置表单时

1.9如何设置样式属性?比如设置该div的背景颜色为红色



    
    
    


p1标签内容

p2标签内容

js--jquery小回顾

1.10使用DOM操作,创建一个p标签,设置内容为vita,将p标签插入到div中。然后点击某个删除按钮,移除当前创建的p标签(练习dom的创建,修改内容,追加,删除)



    
    
    



1.11.如何打开一个新的网站,比如打开百度网站

方法一:
百度

方法二:


    
    
    



2.jquery小回顾

2.1js的入口函数和jquery入口函数的区别?

摘自
https://www.jianshu.com/p/3d0f12477a47

1 原生Js和jQuery入口函数加载模式不同:    
- 原生Js会等到DOM元素加载完毕,并且图片也加载完毕才会执行    
- jQuery会等到DOM元素加载完毕,但不会等到图片加载完毕就会执行。

2 编写多个入口函数的区别:    
- 原生Js如果编写多个入口函数,后面编写的会覆盖前面编写的;    
- JQuery中编写多个入口函数,后面的不会覆盖前面的。    
例子:
       
- 原生JS的入口函数只能写一个 写多个就层叠覆盖     
window.onload= function () {           
    alert(“我是原生第一个入口函数”); 
    }      
window.onload= function () {           
    alert(“我是原生第二个入口函数”); 
    }     
      
 - jQ 的入口函数 多个不会覆盖:           
 $(function () {                
    alert(“JQ的第一个入口”);  
 });  
         
 $(document).ready(function () {            
     // 文档加载出来以后执行              
     alert(“入口函数1”); 
 });   
       
 $(window).ready(function () {               
     //文档和图片全部加载完 执行              
     alert(“window加载完”); 
     })

2.2jquery的值的操作哪个方法?



    
    
    



js--jquery小回顾

2.3jquery和js对象如何转化?



    
    


js--jquery小回顾

2.4阐述一下js和jquery的关系?

js是一门语言
jQuery是一个框架,对js进行了封装,使得操作更加简便,代码更加简易。
就像Python和django,java和spring,struts的区别

2.5.jquery的html属性操作是哪个方法?你认为是js中哪个方法封装来的?

jquery的属性操作分为四部分
1.html-标签属性操作,如attr()、removeAttr(),是js中setAttribute(),getAttribute(),removeAttribute()封装而来。
2.dom属性操作,如prop()、removeProp(),仅用于input单选框中,获取checked值为true或false。
3.类样式属性操作,如addClass()、removeClass()、toggleClass()
4.值操作,如html()、text()、val()

2.6列举jquery的文档操作的方法?以及他们的意思?

值操作,如html()、text()--两侧封闭标签,用于获取标签中的文本内容
val(),input标签,用于获取标签的value属性值

2.7对一个元素显示隐藏分别使用类控制(addClass和removeClass)和文档操作(append())来实现,并描述一下他们的区别?

addClass和removeClass是通过控制类样式来进行操作
append()是通过控制字标签的追加来操作



    
    
    



content

js--jquery小回顾

2.8列举jquery的筛选方法有哪些?重点

js--jquery小回顾

2.9jquery的事件有哪些?

js--jquery小回顾

2.10mouseout和mouseover以及mouseenter和mouseleave的区别?

mouseover
mouseout
这里有个重要的现象,从父元素出来再进入子元素,会先执行一次mouseout,再执行一次mouseover。

mouseenter
mouseleave
从父元素进入子元素,不会执行mouseenter,mouseleave。
所以我们常用mouseenter,mouseleave。

js--jquery小回顾
js--jquery小回顾

2.11写jquery的ajax的get请求方法和post请求方法?

$.ajax({
                url:'http://localhost:8800/course',
                type:'get',
                dataType:'json',//设置数据类型,以json来解析后端发过来的数据
                success:function(data){
                    console.log(data);
                    // // $('body').html(data);
                    // $('.box').text(data.name);
                },
                error:function(err){
                    console.log(err);
                }
            });



    
    


    

3.开发响应式布局

3.1开发响应式布局





    


    
    
    
    
    
    
    





3.2


分享名称:js--jquery小回顾
转载源于:http://cdkjz.cn/article/isjspi.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220