目录1.Jquery的使用步骤:(1)导入js库(2)页面载入事件2.Jq对象和js对象的转换(1)js对象------>jq对象(2)jq对象------>js对象3.
<script src="js/jquery-1.11.3.min.js"></script>
//js/jquery-1.11.3.min.js 压缩版(推荐)
//js/jquery-1.11.3.js 完整版
var js对象 = document.getElementById("id属性值");
var $jq对象 = $(js对象)
var js对象 = $jq对象.get(index) ;
$("#id属性值").绑定事件方法(function(){
业务操作 ;
});
$("#.class属性值").绑定事件方法(function(){
业务操作 ;
});
$("选中的input标签[带指定属性的标签]").绑定事件方法(function(){
业务操作 ;
});
$("元素/标签").html("XXX") ;
//后代选择器
$("父标签 子标签")
//子元素选择器
$("父元素>子元素")
$("标签:first") //匹配的是第一个标签
$("标签:even") //匹配的是从0开始的偶数个标签(0,2,4...)
$("标签:odd") //匹配的是从1开始的奇数个元素(1,3,5...)
[attribute] //匹配的是当前给定的属性的元素
[attribute=value] //匹配的是给定的属性是某个特定值的元素
[attribute!=value] //匹配所有不含有指定元素的属性,或属性不等于特定值的元素
[attribute^=value] //匹配的是以指定元素开始的特定的元素
[attribute$=value] //匹配以指定元素结尾
[attribute*=value] //匹配给定的属性是以包含某些值的元素
[selector1][selector2]...[selectorN]
//符合属性选择器.同时满足多个属性条件的元素
//追加
append(content) //向每个匹配的元素内部追加内容(推荐)
jq对象.appendTo(comtent) //把匹配的内容追加到另一个指定元素集合中
//前置
prepend(content) //把每个匹配的元素放到content前面去
prependTo(content) //把所有匹配的元素前置到另一个指定的元素集合中
//插入
after(content|fn) //在每个匹配的元素之后插入内容
insertAfter(content) //将匹配的元素插入到content后面去
before(content) //将每个匹配的元素之前插入内容
insetBefore(content) //将每个匹配的元素插入到content之前
本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注编程网的更多内容!
--结束END--
本文标题: 一篇文章带你入门和了解Jquery的基础操作
本文链接: https://www.lsjlt.com/news/157358.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0