jquery给单选按钮赋值_JQuery
学习主题：JQuery
学习⽬标：
1 掌握Jquery操作⽂本和值
2 掌握Jquery的事件
操作页⾯元素的属性2
1. 操作页⾯元素的属性2
1.
(1) 想要操作元素的属性有⼏种⽅式，请列举。
//获得id名称是inp1对象节点
var ElementById("inp1");
//⽅式⼀：获得元素的属性
var pe; var va=inp1.value; var na=inp1.name;
//操作元素的属性
inp1.value="测试改变";
//⽅式⼆：获得元素的属性
var Attribute("type");
//获得属性的默认值
var Attribute("value");
//⽅式⼆：操作元素的属性
inp1.setAttribute("type","button");
//上⾯是js原⽣的，下⾯是jQuery的
jquery是什么有什么作用
tex.attr("type","button");
tex.attr("value","测试按钮");
/
/⽀持json数据格式
tex.attr({"type":"button","value":"测试按钮"});
var ch= $("#fav").attr("checked");
var flag=$("#fav").prop("checked",true);
(2) attr("checked")和prop("checked")这两个操作⽅式有什么区别？使⽤场景是什么？
attr("checked")：可以获得checked属性的值，但是⽆法修改
prop("checked")：可以修改，在需要在⽅法⾥⾯或者是事件⾥⾯修改该属性时使⽤
1. 对于checkbox，如果没有定义checked="checked"，alert($.attr("checked")) 的结果是undefined。
2. ⽤prop⽅法，则输出的是true或者false， $("input[type='checkbox']").prop("checked", true);
3. 修改checked 使⽤prop更适合。
4. 修改固有属性时，最好使⽤prop；
5. 修改⾃定义属性时，使⽤attr。
(3) prop("checked",true) 这句代码是什么意思。
答：将对象的checked的属性值设置为true
操作页⾯的⽂本和值1
2.
2. 操作页⾯的⽂本和值1
(1) 请写出html()和text()在获得值得时候两者的区别，和使⽤的场景。
html()：获得元素的内容 相当于js⾥⾯调⽤innerHtml
text()：获得⽂本内容 相当于js⾥⾯调⽤innerText
使⽤场景根据使⽤需求不同决定吧，例如需要获得纯⽂本时使⽤text⽅法，否则使⽤html
(2) 请说出val()和html()在获得值得时候两者的差异。
val()：单标签获得值时使⽤
html()：⼀般是双标签使⽤⽤来获得value值，select 、textarea 两个标签获得值得时候需要⽤val()
3. 操作页⾯的⽂本和值2
操作页⾯的⽂本和值2
3.
(1) 请写出html()和text()在赋值得时候两者的区别，和使⽤的场景。
答：上同
(2) 请说出val()和html()在赋值得时候两者的差异。
答：上同
4.
操作页⾯的元素1
4. 操作页⾯的元素1
(1) 请问appendTo 和append两个⽅法之间的区别是什么？
appendTo：与下⾯相反
append：为调⽤该⽅法的对象增加⼦元素到最后
(2) 请问prepend和prependTo两个⽅法之间的区别是什么？
prependTo：与下⾯相反
prepend：为调⽤该⽅法的对象增加⼦元素到最前⾯
(3) 请说出before和afterd的使⽤场景是什么
before：平级的添加元素，在调⽤者元素之前
after：平级的添加元素，在调⽤者元素之后
5.
操作页⾯的元素2
5. 操作页⾯的元素2
(1) 请问replaceAll("div p:nth-child(5)")；代码是什么意思？
答：调⽤该⽅法的对象取代div下的第五个p元素
(2) 请问replaceWith()和replaceAll()⽅法之间的区别是什么?
答：主动和被动的关系
replaceWith()：⽤参数取代调⽤者
replaceAll()：⽤调⽤者取代参数
(3) 请问 remove()和empty()之间的区别是什么？
答：remove()是删除掉调⽤者；empty()是清除掉调⽤者的所有⼦孙级对象
事件处理1
6.
6. 事件处理1
(1) 请说出 bind() 事件的作⽤和使⽤场景是什么？请列举
答：可以⼀次绑定多个事件，内容⽀持json格式
/*****使⽤bind绑定的好处*****/
//内容还⽀持json数据格式
$("#bu2").bind({
'click':function(){},
'dblclick':function(){},
'blur':function(){}
})
(2) one()事件的使⽤的场景是什么？
答：当希望绑定在对象上的事件只执⾏⼀次时使⽤
7. 事件处理2
事件处理2
7.
(1) 请说出trigger()这个事件的作⽤和使⽤，我们可以在什么位置来使⽤这个标签？
答：trigger()事件后，会发⽣trigger()指定的事情，就是触发，在数据库⾥⾯也有相似的操作；我们可以在希望⼀次性执⾏多个事件时使⽤该操作
(2) 在JQ中如何可以解绑⼀个对象上的所有事件，如何解绑⼀个对象上的单个事件？
答：如果直接执⾏unbind⽅法就会解绑⼀个对象上的所有事件；如果传了参数指定了就会解绑⼀个对象上的特定事件
(3) live这个⽅法是解决什么问题的，现在还继续使⽤吗？
答：live是为了解决动态添加节点元素时，使⾥⾯的事件⽣效的⽅法，但是现在不使⽤了

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。