码迷,mamicode.com
首页 > Web开发 > 详细

jQuery学习笔记

时间:2014-08-25 22:40:04      阅读:321      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   java   io   strong   文件   div   cti   

一、jQuery选择器:

1、jQuery元素选择器  

$("p.text") //选取所有class="text"的<p>元素
$("p#text") //选取所有id="text"的<p>元素 

2、jQuery属性选择器

$("[href]")     //选取所有带有 href 属性的元素。
$("[href=‘#‘]")   //选取所有带有 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="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学习笔记

标签:style   blog   color   java   io   strong   文件   div   cti   

原文地址:http://www.cnblogs.com/qianlihorse/p/3935861.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!