jquery笔记

博客的第二天

正确引入JQ
jq引入文件，语句放在最后
jq语法
$(“选择器”).事件(function(){
$(“要操作的选择器”).事件({})
…
})
选择器有很多：元素选择器，属性选择器……

jq获取属性，设置属性值
$(“选择器”).prop(“属性”,“属性值”)
$(“选择器”).attr(“属性”,“属性值”)

jq删除属性
$(“选择器”).removechild(“属性”)

增加class，删除class，切换class
$(“选择器”).addClass(“类名”)
$(“选择器”).removeClass(“类名”)
$(“选择器”).toggleClass(“类名”)
不用alert的原因是因为alert会阻止事件
解决方法：用console显示

Jquery文本操作
$(“操作的选择器”).html(“内容”)
$(“操作的选择器”).text(“内容”)
区别 html可以解析里面的样式，
比如<p style='color:grap'>asds</p>
但是text就会直接将双引号内的东西输出

获取文本框的值

var a=$("input").val()

清除文本框的内容
$("input").val("") $("显示结果的盒子").html(a)

总结：

1. jquery语法：$(“选择器”).事件
2. jq获取属性，设置属性值 prop attr
3. jq删除属性 removeChild()
4. 增加类 addClass()、删除类 removeClass()、切换类toggleClass()
5. Jquery文本操作

今天又是学习的一天，加油
2019.1.09 day2