前端面试题（13）

121.$(:input)选择器描述正确的是(D)

A 选择页面中所有标签名称为input的标签
B 选择页面中id=‘input’ 的所有标签
C 选择页面中class='input’的所有标签
D 选择页面中input/select/textarea/button等所有表单标签

122.window.onload和$（document）.ready(fn)的联系和区别

联系：它们都是等待网页数据加载后才执行对应代码的事件函数
区别：window.onload 在一个网页结构中只能出现一次，出现多次只有最后一次生效，该函数必须等到当前网页中DOM结构和资源数据全部加载后才能执行，没有缩写格式；$(document).ready(fn)在一个网页结构中可以出现多次，等待网页中的DOM结构加载完成后立即执行，包含自己的缩写格式如$().ready(function(){})$(function(){})

123.简述jQuery中常见的选择器函数、属性操作函数、样式操作函数、内容操作函数

选择器函数：用于使用css类似语法选择器选择网页标签的函数
$(’#id’): id选择器
$(’.class’) 类选择器
$(‘tag’) 标签选择器
$(‘ti,t2’) 群组选择器
$(’ ul li’) 后代选择器
$(‘p>c’) 子代选择器
$(‘s:first’) 伪类选择器
$(‘s[arrt]’) 属性选择器
$(’:input’) 表单选择器
属性操作函数：操作节点或者标签属性
$(selector).attr(attrName) 获取标签属性值
$(selector).attr(attrName，attrvalue)设置标签属性值
$(selector).prop(propName) 获取节点属性值
$(selector).prop(propName,propValue)设置节点属性值
样式操作函数
$(selector).css(className,classValue) 给节点设置单个样式
$(selector).css({cname1:cvalue1,cname2:cvalue2}) 给节点设置多个样式
$(selector).css(name)获取节点样式
内容操作函数
$(selector).text()/html() 获取闭合标签内容数据
$(selector).val() 获取表单元素数据
$(selector).text(dat)/html(dat) 设置闭合标签内容数据
$(selector).val(dat) 设置表单元素数据

124.使用jQuery实现一个选项卡效果

  $(function() {
            $('li').click(function() {
                var $index = $('li').index(this)
                $('p').css('display', 'none')
                $('p').eq($index).css('display', 'block')
            })
        })

125.简述$(selector).prop(name,value)$(selector).attr(name,value)的联系和区别

prop()和attr() 都是用来操作标签对象的属性的
attr（）主要用于操作标签固有的DOM属性，如id、class
prop（）主要用于操作标签固有的节点属性，如nodeName
在有些标签内中会有属性值是布尔类型的属性，该属性的操作推荐使用prop()进行处理

126.jQuery对象和DOM对象如何互相转换

DOM对象转换为jQuery对象
$(DOM对象)
jQuery对象转换为DOM对象
jQuery[索引]

127.jQuery中有事件冒泡吗，若有，应该如何阻止

有 event.stopPropagation()

128.简述jQuery中有那些插入节点的方法

append()/appendTo()
prepend()/prependTo()
after()/insertAfter()
before()/insertBefore()

129.简述jQuery中$(this)和this 的区别

$(this)是当前操作对象的jQuery对象
this是当前操作对象的DOM对象

130.jQuery中 $ 符号是什么意思

$符号是一个函数名称，指代jQuery的意思，$()等价于jQuery()

上一篇
下一篇