jQuery笔记-常用方法
来源:互联网 发布:js 一切皆对象 编辑:程序博客网 时间:2024/05/01 22:50
jQuery常用方法
选取被选中的Select的optioin需要使用选取子节点的方式:$("select['test']空格 :selected").each(function(){
//空格的作用是选择select['test']的所有子元素
});
click方法
jQuery对象会进行隐式迭代,比如下面操作会为所有的p元素节点添加onclick处理函数。
$("p").click(function(){
console.log($(this).text());//输出每个p元素的值
});
当然上面的对象也可以写成:
$("p").each(function(){
this.onclick = function(){
console.log(this.firstChild.nodeValue)
}
})
.val()
如果有参数,则将参数设置为文本框的值 $("input").val();如果没有参数,则读取文本框的内容。$("input").val("hello");
.text()
注意与val()函数的区别,val用于文本框,而text用户p等文本。如果没有参数,则返回元素的文本内容。例如$("p").text()如果有参数则将参数设置为对应文本的内容。$("p").text("data") 将p元素的文本设置为data
.attr()
如果有一个参数,返回元素的属性值 $("img").attr("src"),取得图片的src属性如果有多个参数,则为设置属性的值
$("img").attr({src:"test.jpg", alt:"test image"});
.each()
对获取的对象数组进行迭代,函数中的this指向的是dom对象。$("p").each(function(){
this.onclick = function(){
console.log(this.firstChild.nodeValue)
}
})
css方法举例
attr(name|pro|key,val|fn) 通过统一的属性方法可以对class进行操作removeAttr(name)
下面三个方法虽然效果是一样的,但是比attr更专业。
addClass(class|fn) 添加样式
removeClass([class|fn]) 去除样式
toggleClass(class|fn[,sw]) 添加去除toggle样式
$("div:first").css("opacity", 0.5);
$("div:first").width() 读取宽度
$("div:first").height(400) 设置高度
<完>
0 0
- jQuery笔记-常用方法
- 【前端学习笔记】JQuery的基本思想、常用方法
- 【前端学习笔记】JQuery事件细节、JQ进阶常用方法
- jquery,js常用笔记
- Jquery常用功能笔记
- jquery常用笔记
- Jquery 常用笔记
- 常用js,jQuery笔记
- jquery 常用方法归纳
- JQuery常用方法
- JQuery 常用方法基础教程
- JQuery 常用方法基础教程
- jQuery常用方法
- JQuery 常用方法大全
- Jquery常用方法
- jquery常用方法总结
- Jquery 常用方法
- jquery常用方法备忘
- 3.oracle的dump理解三 DUMP块
- The 13th Zhejiang Provincial Collegiate Programming Contest - I People Counting
- 为什么我不用PowerPoint
- Android 技术总结(不断更新)
- linux补全之--netcat工具
- jQuery笔记-常用方法
- C/C++ 位运算解析
- HDU_2602_Bone Collector
- git常用命令备份
- 4.oracle的dump理解四 解析块
- linux安装mysql,开启远程访问
- double2int快速解法
- html下载链接弹窗
- Linux centos Ubuntu 软件安装在什么位置