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()