首页 > 代码库 > jQuery学习笔记
jQuery学习笔记
一、jQuery选择器:
1、jQuery元素选择器
$("p.text") //选取所有class="text"的<p>元素
$("p#text") //选取所有id="text"的<p>元素
2、jQuery属性选择器
$("[href]") //选取所有带有 href 属性的元素。$("[href=http://www.mamicode.com/‘#‘]") //选取所有带有 href 值等于 "#" 的元素。$("[href!=‘#‘]") //选取所有带有 href 值不等于 "#" 的元素。$("[href$=‘.jpg‘]") //选取所有 href 值以 ".jpg" 结尾的元素。
3、jQuery CSS选择器
$("p").css("background-color","red"); //老是忘记括起red的引号!!!
二、事件:
$(document).ready(function(){
//some code
})
ready 表示文档结构已经加载完成(不包含图片等非文字媒体文件),与其相对的是onload,指示页面包含图片等文件在内的所有元素都加载完成。
$(selector).click(function(){ //some code})
click是比较常用的事件,触发或将函数绑定到被选元素的点击事件。还有dbclick(双击)、mouseover(悬浮)、focus(获得焦点)等等。
三、获得内容和属性( text()、html()、val()、attr() )
1、text() - 设置或返回所选元素的文本内容
类似于javascript中的innerText属性,可以用来读取或者设置某个元素的文本内容。
<p><strong>Hello world</strong></p>alert($("p").text()); //Hello world
2、html() -设置或返回所选元素的内容(包括 HTML 标记)
类似于javascript中的innerHtml属性,可以用来读取或者设置某个元素中的HTML内容。
<p><strong>Hello world</strong></p>alert($("p").html()); // <strong>Hello world</strong>
3、val() - 设置或返回表单字段的值
类似于javascript中的value属性,可以用来设置或者获取元素的值。
<p>Name: <input type="text" name="user" value="http://www.mamicode.com/Hello World" /></p>alert($("[type=‘text‘]").val()); // Hello World
4、attr() -用于获取、设置属性值
<p id="p1" name="content">good night</p>alert($("#p1").attr("name")); //content
$(selector).attr(attribute,value) //设置属性值
$("img").attr("width","180");
jQuery学习笔记
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。