A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

© 不二晨 金牌黑马   /  2019-3-15 14:25  /  927 人查看  /  1 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

jQuery的下载使用
jQuery下载地址:jquery.com。
使用方式:将下载下来的文件如jquery.js嵌入到HTML文件中。
<script typpe="text/javascript" src="jquery.js"></script>


jQuery之操作元素内容
$(ID)替代了document.getElementById(ID);
通过$(ID).val()取得value属性内容,$(ID).val("   ")设置value属性内容,如文本框,密码框,文本域,下拉列表等。
val()实例
通过$(ID).text()取得元素内容,$(ID).text("  ")设置元素内容。
text()实例
用text()方法时不能加入HTML元素,所有的HTML元素需要转义,但是通过$(ID).html("  ")在设置元素内容的同时会保留HTML元素标签处理。
html()实例

jQuery之页面加载处理
原始的加载页面方法是:
window.onload = function(){};
学习jQuery之后使用$(document).ready(function(){ })来替代,其简略的写法是$(function(){ }),或者把$换成jQuery,即jQuery(document).ready(function(){ }),其简略的写法是jQuery(function(){ })。

jQuery之基础选择器
jQuery最强大的方便之处就是强大的元素选择功能,可以根据各种形式来选择。比如:根据ID、根据样式、根据父子关系、根据祖先关系、属性的内容。

NO选择器描述返回结果
1#ID取得指定ID的内容,相当于document.getElementById(ID)单个元素
2元素名称根据指定的标签名称取得对应的元素,相当于document.getElementsByTagName()元素集合
3.class具备有指定样式的元素元素集合
4*取得所有的元素,包括html,head等元素元素集合
5元素名称,元素名称,……取得与指定元素名称相同的元素元素集合
【转载,仅作分享,侵删】

1 个回复

倒序浏览
奈斯,感谢分享
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马