05 Java程序员面试宝典视频课程之Jquery

最新推荐文章于 2024-09-16 21:37:07 发布

不自律的自律_input

最新推荐文章于 2024-09-16 21:37:07 发布

阅读量280

点赞数

分类专栏：面试文章标签： jquery java 面试

本文链接：https://blog.csdn.net/weixin_45683301/article/details/122375416

版权

面试专栏收录该内容

22 篇文章 0 订阅

订阅专栏

一、Jquery与Javascript 有什么联系?Jquery技术有什么特点?
答:
联系:
1、是辅助 JavaScript 开发的库。
特点:
1、JQuery 是一个轻量级的 Javascript 框架
2、兼容当前主流的浏览器，如 IE 6.0+、火狐、谷歌等…
3、丰富的 DOM 选择器
4、事件、样式、动画支持
5、Ajax 操作支持
6、可扩展性强，有丰富的插件

二、Jquery 中的美元符有什么作用?
答:
jQuery(document).ready(function(){ }
$其实就是 Jquery 的一个别名

三、Jquery 中的常用选择器有哪些？
答:
1、ID 选择器
2、类选择器
3、元素选择器
4、组合选择器
5、子选择器
6、层次选择器
7、属性选择器

//ID 选择器
$("#name").val();
//类选择器
$(".name1").val();
//元素选择器
$(“input”).length;
//组合选择器 --》id class elment 进行组合 $("#uname,.girl,input").length;
//子选择器 “>:直接父元素子元素”
$(“form>input”).val();
//层次选择器 “中间用空格隔开”
$(“form input”).length;
//属性选择器
$(“div[name=‘mark’]”).text();
四、如下代码是否正确?并说明原因？

答: 1、此处没有导入 JQuery 库，不能用 JQuery 技术 2、JQuery 对象不能用 JS 对象的属性 value，得改用 val()。 3、页面加载是按从上到下的顺序加载的，想要让页面在加载的时候就能得到 input元素的value 值，得将script代码块挪到 input 元素之后。正确:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="js/jquery-3.1.1.min.js" type="text/javascript" ></script> 
    <head>
</head>
<body>
<input type='text' name='in' id='in' value='校长'>
</body>
<script type=”text/Javascript”>
    function test(){
    alert($("#in").value())
    }
    test();
</script>
</html>

五、使用 Jquery 操作元素的属性 attr()方法和 val()有什么区别?
答:
attr()：
1、获取值用 attr(name)，取得第一个匹配元素的 name 属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined。对于文本框来说，只能获取默认的 value 值，无法获取到 value 改变后的值
2、设置值用 attr(key,name),为所有匹配的元素设置一个属性值。
val():
1、用 val()获得第一个匹配元素的当前值，多用来获取表单中元素的值且能获取到改变后 value 值，例如 input， select 等。
2、多用 val(“值”)来设置文本框的 value 值。

六、说明 html()方法和 text()方法的区别?
答:
1、获取匹配元素值
html():能获取到匹配元素内的值（包含 html 元素标签）
text():能获取到匹配元素内的值（不包含 html 元素标签）
2、设置匹配元素的值
html("< h2>333333333< /h2>"):参数中 html 标签不会当作普通文本处理
text("< h2>333333333< /h2>"):能将参数中 html 标签会当作普通文本处理

七、css()方法和 addClass()方法的区别?
答:
1、css(name)：获取到第一个匹配元素的样式 name 属性值。
2、css(name,value): 在所有匹配的元素中，设置一个样式 name 属性的值。
3、addClass(name): 为每个匹配的元素添加指定的类名，达到添加样式的效果

八、列出 Jquery 操作文档结构的方法都是有哪些?
答:
1、内部添加元素
html()
append()
appendTo()
prepend()
2、外部添加元素
after()
before()
3、删除元素
remove()

九、Jquery 中的 bind 和 unbind 方法分别有什么作用？
答:
bind:
为每一个匹配元素一个或多个事件绑定事件处理器函数。

var inp=$("#inp");
//事件绑定,一旦绑定完成，可以执行多次
inp.bind(“click”,function(){
alert(“绑定完毕”);
});
unbind:
反向操作，从每一个匹配的元素中删除绑定的事件

//事件解绑
function testUnBind(){
//获取要进行事件解绑的元素
var inp=$("#inp");
inp.unbind(“click”);
}
十、Jquery 中的 one()方法有什么特点？
答:
事件绑定,一旦绑定完成，可以执行一次

var inp=$(“inp”);
inp.one(“click”,function(){
//写你想写代码
alert(“绑定完毕”);
});
十一、Jquery 中的 ready()方法和 body 中的 onload 方法有什么区别？
答:
1、执行时间
window.onload 必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是 DOM 结构绘制完毕后就执行，不必等到加载完毕。

2、编写个数不同
window.onload 不能同时编写多个，如果有多个 window.onload 方法，会被覆盖，最后只会执行一个。
$(document).ready()可以同时编写多个，并且都可以得到执行。

3、简化写法
window.onload 没有简化写法
$document).ready(function(){})可以简写成$ (function(){});