javaScript&jquery&easyui相关面试题

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/panhaigang123/article/details/79587622
如何使用jQuery
        需要下载jQuery类库 在页面引用jQuery类库即可
        在工作中使用到了选择器(id选择器,类选择器,元素选择器),表单,动画
        ajax(无刷新,可以兼容任何浏览器)
        
为什么使用jQuery
        jQuery是一个轻量级的框架,大小不到30KB,拥有强大的选择器,出色的DOM操作封装,
                可靠的事件处理机制,出色的浏览器兼容性 写的少,做的多
                
你知道jQuery中的选择器吗,有哪些选择器
        大致分为:基本选择器,层次选择器,表单选择器
                基本选择器:id选择器,标签选择器,类选择器等
                层次选择器:如:$("form input") 选择所有的form元素中的input元素 $(" #main  > *")选择id为main的所有子元素
                过滤选择器:如:$("tr:first")选择所有tr元素的第一个  $("tr:last")选择所有tr元素的最后一个
                表单选择器:如:$(":input")选择所有的表单输入元素 $(":text")选择所有的text的input元素
                
jQuery对象和DOM对象是怎样转换的
        jQuery对象是一个包含了dom对象的数组 可以通过jQuery对象[下标]获取dom对象
        将dom对象放入$("")中转为jQuery对象
        
如何使用jQuery中的ajax的
        在工作中使用异步的ajax 可以解决网页卡顿 网页卡顿使用了同步需要等待后台返回数据后才能继续执行代码 一次执行一个线程,其他线程等待
                使用异步不需要等待后端返回数据,就可以继续执行代码 可以运行多个线程 数据返回后 自动调用success回调函数处理业务代码
        
jQuery中$.get()提交和$.post()提交的区别
        1、$.get()使用GET方法来进行异步提交 $.post()使用POST方法来进行异步提交
        2、get请求方式将参数跟在url后进行传递用户可见 post请求则是作为http消息的实体内容发送给服务器,用户不可见
        3、post传输数据比get大
        4、get请求的数据会被浏览器缓存 不安全
        
怎么使用jQuery中的动画
        影藏:hide()
        显示:show()
        淡入淡出:fadeIn()==淡入(显示) fadeOut()==淡出(消失)
        滑动:slideUp()==向上滑动  slideDown()==向下滑动
        
使用的jQuery的插件
        easyUI
        
jQuery中使用过哪些插入节点的方法,他们的区别是什么
  在元素内部添加
        append:向每个匹配的元素内部追加内容 <p>我想说:</p> $("p").append("<b>你好</b>") <p>我想说:<b>你好</b></p>
        appendTo:将所有匹配的元素追加到指定的元素中 <p>我想说:</p> $("<b>你好</b>").appendTo("p") <p>我想说:<b>你好</b></p>
        prepend:向每个匹配的元素内部前置添加内容 <p>我想说:</p> $("p").prepend("<b>你好</b>") <p><b>你好</b>我想说:</p>
        prependTo:将所有匹配的元素前置到指定的元素中 <p>我想说:</p> $("<b>你好</b>").prependTo("p") <p><b>你好</b>我想说:</p>
  在元素外部添加
        after:在每个匹配元素之后插入内容 <p>我想说:</p> $("p").after("<b>你好</b>") <p>我想说:</p><b>你好</b>
        insertAfter:将所有配的元素插入到指定元素的后面 <p>我想说:</p> $("<b>你好</b>").insertAfter("p") <p>我想说:</p><b>你好</b>
        before:在每个匹配的元素之前插入内容 <p>我想说:</p> $("p").before("<b>你好</b>") <b>你好</b><p>我想说:</p>
        insertBefore:将所有匹配的元素插入到指定的元素的前面 <p>我想说:</p> $("<b>你好</b>").insertBefore("p") <b>你好</b><p>我想说:</p>
        
jQuery中如何来获取和设置属性
        可以用attr()获取和设置元素属性
        removeAttr()方法来删除元素属性
        
如何来设置和获取HTML和文本的值?
        获取HTMl:$("选择器").html()
        获取文本的值:$("选择器").text()
        
jQuery中有哪些方法可以遍历节点?
        children():获取匹配元素的子元素集合,不考虑后代元素 $(function(){$("div").children()})
        next()获取匹配元素后面紧邻的同级元素
        prev()获取匹配元素前紧邻的同级元素
        siblings()获取匹配元素前后的所有同辈元素
        
在ajax中如和使用json对象
        在$.ajax({dataType:'json'}) 中添加dataType:'json' 可以把json字符串转化为json对象
        
$(document).ready() $(functiion({}))方法和window.onload有什么区别
        两个方法的功能相似,但在实行时机方面是有区别的
        1、window.onload方法是在网页中所有的元素完全加载到浏览器后才执行
        2、$(document).ready() 可以在DOM载入就绪是就对其进行操纵,并调用执行绑定的函数
        
jQuery是如何处理缓存的?
        禁用缓存
        1、通过$.post()方法来获取数据,默认是禁用缓存
        2、通过$.get()方法来获取数据,通过$.get()方法来获取数据,可以在url后添加时间戳来避免缓存
                例:$.get('ajax.xml?'+(+new Date),function(){内容})
        3、通过$.ajax方法来获取数据,设置cache:false即可
        
jQuery的书
        jQuery实战  锋利的jQuery
        
radio单选组的第二个元素为当前选中的值,该怎么去取
        $('input[type=radio]')[1].checked=true
        
你使用过哪些数据格式,他们各有什么特点
        xml:是一种通用的数据格式,不必把数据强加到已定义的格式中
        json:数据格式比较简单,易于读写,支持多种语言
        HTML:跨平台性,可扩展性高,不需要用JavaScript进行解析
        
jQuery能做什么?
        获取页面元素
        修改页面外观
        改变页面大的内容
        响应用户的页面操作
        为页面添加动态效果
        无需刷新页面,即可从服务器获取信息
        简化常见的JavaScript任务
        
在ajax中发送data主要有几种方式?
        url拼接 json数组 form表单serialize()序列化


jQuery中的hover()和toggle()有什么区别
        hover()《好我》方法用于模拟光标悬停事件
        toggle()《套狗》方法是连续点击事件
        
jQuery中的冒泡事件,怎么执行,如何停止冒泡事件
        从里面往外面开始触发
        提供了stopPropagation()《婆老婆给寻》方法可以停止冒泡
        
介绍一下easyui的布局
        分为上,中,下,左,右面板  一般在工作中使用上(企业logo,登录,退出) 左(菜单)中(展示数据)
        
easyui如何实现表单验证
        提供了一个validatebox插件来验证一个表单 input表单根据validType属性来应用验证 validType="email"邮箱验证 required="true"必填项
        <input class="easyui-validatebox" type="text" name="name" validType="email" required="true"></input>
        
easyui如何实现表格分页
        将pagination《陪觉诶寻》属性设为true  在数据网格下生成一个分页工具栏  工具栏会发送连个参数到服务器 page当前页 默认1  rows:每页显示行
        
        
        

猜你喜欢

转载自blog.csdn.net/panhaigang123/article/details/79587622
今日推荐