1. jQuery的选择器D
(1) 想要获得input标签中name属性名字包含a 的标签对象应该如何书写
$(“input[name*=a]”)
(2) 请说出$("input[type=text][name^=z]")选择器的含义
获得input中类型为text且name属性值开头为z的
2. jQuery的选择器E
(1) $("input:disabled")这个选择器的作用是什么？
获得所以input中包含disabled的input标签
(2) $(":input")和$("input");这两个选择器的区别是什么？
$(“:input”):获取表单中的所有元素
$(“input”):只获得表单中的input元素
3. :操作页面的样式1
(1) 如何可以获得一个div元素的宽和高的css样式，JQ获得方式和JS获得方式之间的差异在什么地方.
Js获得:document.getelementbyid(“div”).style.width=”200px”
Jq:获得: $(“#div”).css(“width”)
代码量
(2) 想要操作一个元素对象的css样式有几种方式.
二种 $(“#div”).css(“样式名”,”样式值”)
---json的数据格式
$(“#div”).css({“样式名”:”样式值”,”样式名”:’样式值’})
4. 操作页面的样式2
(1) 想通过增加class的方式给指定元素增加样式，有几种书写方式，请写出具体代码。
$(function(){
$("#div2").click(function(){
//通过添加class属性来添加样式
// $("#div2").attr("class","div")
$("#div2").addClass("div")
})
})
</script>
<style>
#div2{
width: 200px;
height: 200px;
border: 2px solid green;
}
.div{
width: 500px;
background-color: red;
}
</style>
<body>
<div id="div2"></div>
</body>
(2) 请写出你所学习过的操作元素css的方式，分别说明其每一个的使用的场景是什么?
jQuery:
操作单个
$(“id”).css(“操作的css”,”修改属性”)
操作多个
用json的格式操作
$(“id”).css({“操作的css”:”修改的属性”,”操作的css2”:”修改的属性2”})
javaScript
Docuement.getelementById(“id”).style.属性=”修改值”
5. 操作页面元素的属性1
(1) 请问attr("value")和val()的区别是？
Atter(“value”):获得的是该元素value的固定值
Val():获得的是输入值
(2) <input id=”inp1” value=’123’ type=’text’ class=”d1”/>
$("#inp1").attr("type")
$("#inp1").attr("value ")
$("#inp1").attr("class ")
输出的结果是什么？请写出常使用的间接获得对象的方式
Text123d1
//div中所有的span标签
// $("div span").css("background-color","red")
// //div下的直系span
// $("div>span").css("background-color","green")
//span标签紧挨着的span标签
$("#spana+span").css("background-color","green")
//span标签同级的所有span标签,不包括自己
$("#spana~span").css("background-color","green")
6. 操作页面元素的属性2
(1) 想要操作元素的属性有几种方式，请列举。
var tt=$("#tt")
$("body").click(function(){
tt.attr("type","button")
tt.attr("value","测试按钮")
//用json的格式获得
tt.attr({"type":"button","value":"分数"})
(2) attr("checked")和prop("checked")这两个操作方式有什么区别？使用场景是什么？
Attr;返回的是checked的值
Prop:返回的是checked的boolean值
(3) prop("checked",true) 这句代码是什么意思。
将checked的状态变为选中
7. 操作页面的文本和值1
(1) 请写出html()和text()在获得值得时候两者的区别,和使用的场景。
和javaScript中的innerhtml(会识别js标签)和innertext(只会识别纯文本))
(2) 请说出val()和html()在获得值得时候两者的差异。
Val()适用于单标签,用于表单,只获得value值
Html()适用于双标签,不能用于表单,识别js标签
8. 操作页面的文本和值2
(1) 请写出html()和text()在赋值得时候两者的区别,和使用的场景。
Html(“赋值”):可以识别js标签
Text(“赋值”):不会识别js标签,全部作为文本赋值
(2) 请说出val()和html()在赋值得时候两者的差异。
Val(赋值):设置每个匹配元素中每个集合的值
Html(赋值):设置每一个匹配元素中的html内容
被多个元素调用时,会改变每一个元素的值()取值的话,只会取到第一个
9. 操作页面的元素1
(1) 请问appendTo 和append两个方法之间的区别是什么？
Append:是在元素后添加某个元素
Appendto;将元素添加到某个元素下
$("#div1").append(p)
// //语法不一样,逻辑不一样,作用一样
p.appendTo($("#div1"));
(2) 请问prepend和prependTo两个方法之间的区别是什么？
Prepend:是在元素前添加某个元素(添加在该元素下)
Prependto;将元素添加到某个元素下
// //添加p在div1 ---在现有标签前(div内)
$("#div1").prepend(p)
p.prependTo($("#div1"))
(3) 请说出before和afterd的使用场景是什么
你需要添加该元素的同级元素before添加在之前,after添加在之后
//添加p在div1 ---在现有标签前(div外,同级元素)
p.insertBefore($("#div1"))
$("#div1").before(p)
//添加p在div1 ---在现有标签后(div外,同级元素)
p.insertAfter($("#div1"))
$("#div1").after(p)
10. 操作页面的元素2
(1) 请问replaceAll("div p:nth-child(5)");代码是什么意思？
用一个新元素替换duv中的第五个p元素
/****************替换指定节点***********************/
$("#div1 p:nth-child(1)").replaceWith(p)
p.replaceAll("#div1 p:nth-child(1)")
(2) 请问replaceWith()和replaceAll()方法之间的区别是什么?
没什么区别,用法不同
$("#div1 p:nth-child(1)").replaceWith(p)
p.replaceAll("#div1 p:nth-child(1)")
(3) 请问 remove()和empty()之间的区别是什么？
Empty:只移除文本.保留元素
Remove():整个元素移除
11. 事件处理1
(1) 请说出 bind() 事件的作用和使用场景是什么？请列举
需要在一个元素上绑定多个事件采用json格式绑定
//可以用bind实现json格式绑定事件
$("#bind").bind({
'click':function(){alert("单机时间")},
'dblclick':function(){},
'blur':function(){alert("鼠标以上")}
})
(2) one()事件的使用的场景是什么？
不想让事件一直被使用,one()作用使事件使用一次就没了
$("#one").one({
'click':function(){alert("单机时间")},
'dblclick':function(){},
'blur':function(){alert("鼠标以上")}
})
12. 事件处理2
(1) 请说出trigger()这个事件的作用和使用，我们可以在什么位置来使用这个标签？
Trigger(),从另一个事件中可以使用指定对象的事件,
$("#tager").click(function(){
$("#in1").trigger('dblclick');
})
(2) 在JQ中如何可以解绑一个对象上的所有事件，如何解绑一个对象上的单个事件？
对象.Unbind(‘指定事件’)
$("#unbind").click(function(){
//不写参数,默认全部事件解绑
$("#in").unbind('click');
})
(3) live这个方法是解决什么问题的，现在还继续使用吗？
解决使用通过事件添加的方法,无法获得他的属性,只有1.7之前支持,之后的不支持
//方法添加元素 live 可以扫描到此方法`添加的按钮的属性,js版本1.7支持,后面的版本不支持
$(".in_to").live('click',function(){
alert("单机事件绑定")
$('body').append('<input type="button" name="" class="in_to" value="添加单击事件绑定" />')
})
Val()和text()和html()的区别
都是为了得到值,和赋值
Val():只能用于表单,
Text()和html():不能用于表单
Val(),html():当应用于多个参数时,只会返回第一个
Text():全部返回
Html(替换值):如果应用在多个元素上,则每个元素都会被替换(每个元素都会有一个替换值)
例子:
Script内:
$(function(){
var w=$(".ds").eq(1).html();
console.log(w)
})
Body内:
<div class="ds">
wudi1
</div>
<div class="ds">
wudi2
</div>
输出:
Wudi1
4162
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
