$(document)ready(function(){
$('myli')click(function(){
$('myli')attr('class','oldliclass'); //旧的样式
$(this)attr('class','newliclass'); //新的样式
});
});
//提醒：这个不一定是连续点的，可能是 点1 后又点击5了
用jquery如何实现点击一栏目实现栏目变色，再点击另一栏目也变色，但原来的变回原色，有个数组a（1,2,3）循环遍历输出a的值。jquery 动态更改 div 背景色代码如下:
<head>
<script type="text/javascript" src="/js/jQueryjs"></script>
<script type="text/javascript">
$("test")onclick = function(){
$(this)css({"background": "red"});
};
</script>
</head>
<body>
<div class="test"
style="background-color: gray; width: 300px; height: 200px;"></div>
</body>
</html>$("test")onclick = function(){
$(this)css({"background": "red"});
};
改为：
$("test")click = function(){
$(this)css({"background-color": "red"});
};
扩展资料:
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。
2 jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 60+、FF 15+、Safari 20+、Opera 90+等。
3jquery所有的事件绑定都没有on这个关键字。另外，jquery的事件绑定需要放到readyfunction中去。具体来说:
<head>
<script type="text/javascript" src="/js/jQueryjs"></script>
<script type="text/javascript">
$(document)ready(function() {
$("test")click(function() {
$(this)css({"background-color": "red"});
});
});
</script>
</head>
<body>
<div class="test"
style="background-color: gray; width: 300px; height: 200px;"></div>
</body>
</html>
参考资料:jQuery_百度百科
$("#btnAdd")click(function(){
$("<span/>")appendTo("#addTagDiv")html($("#textAdd")val())addClass("spanTag")click(function(){
//这里面的this就是当前这个span的dom元素
//$(this)就是当前span的jquery对象，你可以对他们进行任何 *** 作
//比如现在我就移除当前这个span
$(this)remove();
})
});
//最后整个代码的意思就是一个ID为btnAdd的元素单击时则追加一个span元素到ID为addTagDiv的元素内，该span的html为一个ID叫textAdd元素的value属性值。然后单击任何一个新增的span元素将会把这个span移除掉
//代码没有测试，如有问题请继续追问
先获取当前对象，再根据对象去获取上一个兄弟节点和下一个兄弟节点
prev()
定义和用法
prev() 获得匹配元素集合中每个元素紧邻的前一个同胞元素，通过选择器进行筛选是可选的。
prev(selector)
参数描述
selector 字符串值，包含用于匹配元素的选择器表达式。
--说明：如果给定一个表示 DOM 元素集合的 jQuery 对象，prev() 方法允许我们在 DOM 树中搜索这些元素的前一个同胞元素，并用匹配元素构造一个新的 jQuery 对象。
next()
定义和用法
next() 获得匹配元素集合中每个元素紧邻的同胞元素。如果提供选择器，则取回匹配该选择器的下一个同胞元素。
next(selector)
参数描述
selector 字符串值，包含用于匹配元素的选择器表达式。
--说明：如果给定一个表示 DOM 元素集合的 jQuery 对象，next() 方法允许我们搜索 DOM 树中的元素紧跟的同胞元素，并用匹配元素构造新的 jQuery 对象。
示例：
<!--HTML代码--><div id="div1">111</div>
div id="div2">222</div>
div id="div3">333</div>$("#div2")prev()attr("id"); //获取div2同级的上一个div的id，值为div1
$("#div2")next()attr("id"); //获取div2同级的下一个div的id，值为div3
jquery获取classname的方法。
如下参考：
1．首先，打开桌面上的jquery图标，打开软件，创建一个新的HTML文档，并指定元素的ID。
2．编写JS脚本，根据ID选择元素，如下图所示。
3．使用．val（）方法获取被选元百素的value值，如下图。
4．以d出窗口的形式显示得到的输入值。
5．保存文件并在浏览器中查看结果。
（1）选择某一个对象利用jquery中的Sibling,Parent,Children等方法向上或者向下查找即可
（2）注意：如果该标签是input标签取值用val方法，如果为其他用html或者text方法
（3）延伸下：可以利用当前事件的this来快速获得class的值，如果可能的话，或者利用find方法来快速查找，更加快捷
以上就是关于jquery选择除了它本身之外的li全部的内容，包括:jquery选择除了它本身之外的li、jquery 动态更改 div 背景色、使用jQuery获取相同类名的元素集合等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）