css方法
.css()
可以获取和设置样式
设置
如:$("#asd").css("background-color","red")
直接在里面设置样式
获取
。。。。。。。。
设置元素的不可见
display:none;是将元素隐藏起来,会改变页面的布局,可以理解为在页面中把元素删掉。
visibility:hidden;和opcitity:0;只是将元素隐藏起来,并不会改变页面的布局。
visibility:hidden;如果元素上有已经绑定的事件,隐藏后事件不会被触发。
opcity:0;如果该元素上已经绑定一些事件,如click事件,隐藏后,点击该区域,事件也能够被触发
display属性设置为none
或visible设置为hidden
这两个都属于样式可以直接在head中的style标签中直接设置
如下
h1.hidden {visibility:hidden;}
h1.hidden {display:none;}
也可直接在元素里面设置
如下:
display属性设置为none
语法:
style="dispaly:none"
会改变页面的布局
也可在head中设置,因为这些属性都属于style中的属性
如下:
visibility属性设置为hidden
不会改变页面的布局
语法
style="visibility:hidden"
opcitity属性设置为0
隐藏后,点击该区域,事件也能够被触发
语法:
style="opcity:0"
val()函数设置和获取默认值
val()是jQuery对象中的方法,可以获得jQuery()中的value(默认)值或者设置其默认值
语法:
jQuery对象.val()
获取默认值:
设置value值:
语法:
$("选择器").val("设置的默认值")
display
语法:
display:值
none
用于隐藏文本标签的结束标签和起始标签中的内容
。。。。。
设置和获取表单项的value属性值的val()方法
jQuery文件的下载
官网链接
然后点击这两个地方中的任意一个,哪个都行
然后拉至页面底部点击这里
然后可以选择历史版本
jQuery中的遍历函数each()
each() 方法规定为每个匹配元素规定运行的函数。
即遍历所有匹配到的元素对象同时对其执行函数。
语法:
$("选择器").each(function(){})
后面function函数中的内容即为对每条匹配到的元素执行的语句
提示:返回 false 可用于及早停止循环。
this
jQuery调用成员函数时,this就是指向dom对象
$(this)指向jQuery对象,但this就是指向dom对象,这个是因为jQuery做了特殊的处理
在 JavaScript 中 this 不是固定不变的,它会随着执行环境的改变而改变。
在方法中,this 表示该方法所属的对象。
如果单独使用,this 表示全局对象。
在函数中,this 表示全局对象。
在函数中,在严格模式下,this 是未定义的(undefined)。
在事件中,this 表示接收事件的元素。
类似 call() 和 apply() 方法可以将 this 引用到任何对象。
上文的this就代表当时正在遍历到的dom对象
jquery对象的获取和设置文本的.text()方法
获取文本:
语法
对象.text()
这里的对象可以是jquery对象也可以是dom对象,因为jquery对象是数组,所以jquery对象用这个方法会把匹配到所有元素中的文本都合并到一起获取到