jquery的选择器总结
来源:互联网 发布:2015文化产业数据 编辑:程序博客网 时间:2024/06/06 00:36
1.$(document).ready、body.Onload()和 $(window).load的区别
2.选择器大总结
元素选择器:
$("p") 选取 <p> 元素。
$("p.intro") 选取所有 class="intro" 的 <p> 元素。
$("p#demo") 选取所有 id="demo" 的 <p> 元素。
属性选择器:
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
CSS 选择器:
$("p").css("background-color","red");设置单个属性 注意建个是逗号, 区别设置多个属性的:和,和{}
上面的代码等价于$("p").css({"background-color":"red"});
$("p").css({"background-color":"red","font-size":"200%"});设置多个属性要用{}
alert("Background color = " + $("p").css("background-color"));获得css的属性
3.组合 要记住
$(document).ready(function(){
$("button").click(function(){
$("p").css({"background-color":"red"});
});
});
2.选择器大总结
元素选择器:
$("p") 选取 <p> 元素。
$("p.intro") 选取所有 class="intro" 的 <p> 元素。
$("p#demo") 选取所有 id="demo" 的 <p> 元素。
属性选择器:
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
CSS 选择器:
$("p").css("background-color","red");设置单个属性 注意建个是逗号, 区别设置多个属性的:和,和{}
上面的代码等价于$("p").css({"background-color":"red"});
$("p").css({"background-color":"red","font-size":"200%"});设置多个属性要用{}
alert("Background color = " + $("p").css("background-color"));获得css的属性
3.组合 要记住
$(document).ready(function(){
$("button").click(function(){
$("p").css({"background-color":"red"});
});
});
0 0
- jquery选择器的总结
- jquery的选择器总结
- jQuery 的选择器总结
- jQuery选择器的总结
- jquery选择器的总结
- jquery 选择器的强大总结
- jquery 选择器的强大总结
- jquery 选择器的强大总结
- jquery选择器的用法总结
- jquery 选择器的强大总结
- jQuery 的选择器 简单总结
- jQuery选择器总结[强大的jQuery]
- jQuery选择器总结
- jQuery选择器总结介绍
- jQuery选择器总结
- Jquery 选择器总结
- jquery选择器 总结
- jQuery选择器总结
- Android 权限汇总
- OpenWrt的主Makefile工作过程
- #include<bits/stdc++.h>包含C++的所有头文件
- 黑马程序员——面向对象2
- ArcEngine 读取Geodatabase
- jquery的选择器总结
- 动软代码生成V2.74模版简介
- mongodb备份还原的方法
- gmake和make 的区别
- IO - 同步,异步,阻塞,非阻塞
- 第八章作业Part1
- WebSphere8.0 server1启动失败
- jquery文档操作总结
- 模拟——Crashing Robots