jQuery模糊知识点
来源:互联网 发布:一吻定情知乎 编辑:程序博客网 时间:2024/05/29 07:18
$("#msg").html(); //返回id为msg的元素节点的html内容。
$("#msg").html("<b>new content</b>");
//将“<b>new content</b>” 作为html串写入id为msg的元素节点内容中,页面显示粗体的new content
$("#msg").text(); //返回id为msg的元素节点的文本内容。
$("#msg").text("<b>new content</b>");
//将“<b>new content</b>” 作为普通文本串写入id为msg的元素节点内容中,页面显示<b>new content</b>
$("input").val(); //返回表单输入框的value值
$("input").val("test"); //将表单输入框的value值设为test
集合处理功能:
对于jquery返回的集合内容无需我们自己循环遍历并对每个对象分别做处理,jquery已经为我们提供的很方便的方法进行集合的处理。
包括两种形式:
$("p").each(function(i){this.style.color=['#f00','#0f0','#00f'][i]})
//为索引分别为0,1,2的p元素分别设定不同的字体颜色。
$("tr").each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]})
//实现表格的隔行换色效果
$("p").click(function(){alert($(this).html())})
//为每个p元素增加了click事件,单击某个p元素则弹出其内容
line-height:该属性是设定字体之间的行高
text-transform:字母大小写设定
1)hover(fn1,fn2):一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。
//当鼠标放在表格的某行上时将class置为over,离开时置为out。
$("tr").hover(function(){
$(this).addClass("over");
},
function(){
$(this).addClass("out");
});
(2)ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
$(document).ready(function(){alert("Load Success")})
//页面加载完毕提示“Load Success”,相当于onload事件。与$(fn)等价
(3)toggle(evenFn,oddFn): 每次点击时切换要调用的函数。如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数。随后的每次点击都重复对这两个函数的轮番调用。
//每次点击时轮换添加和删除名为selected的class。
$("p").toggle(function(){
$(this).addClass("selected");
},function(){
$(this).removeClass("selected");
});
(4)trigger(eventtype): 在每一个匹配的元素上触发某类事件。
例如:
$("p").trigger("click"); //触发所有p元素的click事件
(5)bind(eventtype,fn),unbind(eventtype): 事件的绑定与反绑定
从每一个匹配的元素中(添加)删除绑定的事件。
例如:
$("p").bind("click", function(){alert($(this).text());}); //为每个p元素添加单击事件
$("p").unbind(); //删除所有p元素上的所有事件
$("p").unbind("click") //删除所有p元素上的单击事件
- jQuery模糊知识点
- 模糊知识点
- 模糊知识点Throwable体系
- mysql 模糊查询知识点
- php模糊查询知识点
- Jquery 知识点
- Jquery知识点
- Jquery知识点
- JQuery知识点
- jquery知识点
- jQuery知识点
- jquery知识点
- JQuery知识点
- JQuery知识点
- 薄弱模糊知识点笔记记录
- jquery的模糊查询
- Jquery 模糊配置查找
- JQuery 模糊匹配
- jquery 选中checkbox兼容问题
- 检测哪个HTML标签触发的事件
- div背景半透明 覆盖整个可视区域的遮罩层效果
- jquery.qtip插件的简单入门
- Mysql 5.6 双主配置 自动同步脚本
- jQuery模糊知识点
- 静态页面和动态页面的比较
- struts2自学笔记
- 右下角窗口提示
- spring和struts2整合入门
- oracle学习笔记
- 黑马程序员---映射类实例(原创)
- java连接oracle 入门odbc
- orcale命令学习笔记