jQuery学习笔记
来源:互联网 发布:java socket 怎么运行 编辑:程序博客网 时间:2024/05/21 16:13
jQuery语法:
jQuery语法是为HTML元素的选取编制,可以对元素执行某些操作。
基础语法:$(selector).action()
$ 定义jQuery
选择器(selector) 查询和查找HTML元素
action() 执行对元素的操作
文档就绪函数:防止文档在完全加载(就绪)之前运行 jQuery 代码。
$(document).ready(function(){
--- jQuery functions go here ----
});
--- jQuery functions go here ----
});
jQuery选择器:选择器参考手册
//jQuery 元素选择器
$("p") //选取 <p> 元素。
$("p.intro") //选取所有 class="intro" 的 <p> 元素。
$("p#demo") //选取 id="demo" 的第一个 <p> 元素
$("p") //选取 <p> 元素。
$("p.intro") //选取所有 class="intro" 的 <p> 元素。
$("p#demo") //选取 id="demo" 的第一个 <p> 元素
//jQuery 属性选择器
$("[href]") //选取所有带有 href 属性的元素。
$("[href='#']") //选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") //选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") //选取所有 href 值以 ".jpg" 结尾的元素。
$("[href]") //选取所有带有 href 属性的元素。
$("[href='#']") //选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") //选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") //选取所有 href 值以 ".jpg" 结尾的元素。
//jQuery CSS 选择器
jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。
//实例
$("p").css("background-color","red");
jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。
//实例
$("p").css("background-color","red");
//更多实例:
$(this) //当前 HTML 元素
$("p") //所有 <p> 元素
$("p.intro") //所有 class="intro" 的 <p> 元素
$(".intro") //所有 class="intro" 的元素
$("#intro") //id="intro" 的第一个元素
$("ul li:first") //每个 <ul> 的第一个 <li> 元素
$("[href$='.jpg']") //所有带有以 ".jpg" 结尾的 href 属性的属性
$("div#intro .head") //id="intro" 的 <div> 元素中的所有 class="head" 的元素
$(this) //当前 HTML 元素
$("p") //所有 <p> 元素
$("p.intro") //所有 class="intro" 的 <p> 元素
$(".intro") //所有 class="intro" 的元素
$("#intro") //id="intro" 的第一个元素
$("ul li:first") //每个 <ul> 的第一个 <li> 元素
$("[href$='.jpg']") //所有带有以 ".jpg" 结尾的 href 属性的属性
$("div#intro .head") //id="intro" 的 <div> 元素中的所有 class="head" 的元素
jQuery 事件:jQuery事件参考手册
jQuery HTML操作:jQuery HTML操作
改变HTML内容:
$(selector).html(content) //改变所匹配的 HTML 元素的内容(innerHTML)
添加HTML内容:
$(selector).append(content) //向所匹配的 HTML 元素内部追加内容。
$(selector).prepend(content) //向所匹配的 HTML 元素内部预置(Prepend)内容。
$(selector).after(content) //在所有匹配的元素之后插入 HTML 内容。
$(selector).before(content) //在所有匹配的元素之前插入 HTML 内容。
$(selector).prepend(content) //向所匹配的 HTML 元素内部预置(Prepend)内容。
$(selector).after(content) //在所有匹配的元素之后插入 HTML 内容。
$(selector).before(content) //在所有匹配的元素之前插入 HTML 内容。
jQuery CSS函数:jQuery CSS函数
$(selector).css(name,value) //为所有匹配元素的给定 CSS 属性设置值
$("p").css("background-color","yellow");
$(selector).css({properties}) //为所有匹配元素的一系列 CSS 属性设置值
$("p").css({"background-color":"yellow","font-size":"200%"});
$(selector).css(name) //返回指定的 CSS 属性的值
$(this).css("background-color");
$("p").css("background-color","yellow");
$(selector).css({properties}) //为所有匹配元素的一系列 CSS 属性设置值
$("p").css({"background-color":"yellow","font-size":"200%"});
$(selector).css(name) //返回指定的 CSS 属性的值
$(this).css("background-color");
jQuery Size 操作:
•$(selector).height(value)
•$(selector).width(value)
•$(selector).width(value)
0 0
- 【学习笔记】JQuery学习笔记
- jQuery 学习笔记 + jQuery-UI 学习笔记
- 【jQuery 学习笔记】初识jQuery
- jQuery 学习笔记------jQuery选择器
- jquery学习笔记----初识jquery
- jQuery学习笔记--jQuery Ajax
- jquery学习笔记
- jquery选择器学习笔记
- jQuery学习笔记
- 【jquery】学习笔记
- jQuery学习笔记
- jquery学习笔记
- jquery 学习笔记
- JQuery学习笔记
- Jquery学习笔记
- JQuery学习笔记
- jQuery学习笔记
- jquery学习笔记(二)
- 怎样实现MindMapper中边框的插入
- 【索引】2015 Multi-University Training Contest
- AndEngine学习之路(一):AndEngine配置
- 复习在ROS机器人系统中打开摄像头,显示图像
- Android string.xml如何输入空格、换行等符号——转义字符
- jQuery学习笔记
- python py、pyc、pyo、pyd文件区别
- ASPxGridView自定义分页,点击标题排序
- WindowManager.addView添加浮框
- xcode 小技巧1
- ios 通知Notification和代理delete的区别
- try ... catch ...
- LoadRunner 检查点函数web_reg_find和web_image_check
- 贪心算法的使用条件