首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >JQuery点击函数更改CSS

问JQuery点击函数更改CSS
EN

Stack Overflow用户
提问于 2014-11-06 19:24:54
回答 3查看 91关注 0票数 0

我们必须使用JQuery创建一个js click函数,它将修改元素的css。

​

代码语言:javascript
复制
$(document).ready(function(){
    document.getElementById('partaideak').click(function(){
    //$( "#partaideak" ).clic(function() {
        console.log("Partaideak");
        /* Stop form from submitting normally */
        //event.preventDefault();
        /* Clear result div*/
        $("#contentDiv").html('...');
        var formData = $(this).serializeArray();
        $.ajax({
            type: "GET",
            url: "/partaideak",
            dataType: "json",
            data: formData,
            success: function(data){
                console.log(data);
                //$( "#contentDiv" ).html(data);
            }
        });
	});
});
代码语言:javascript
复制
<ul class="menu">
  <li class="item"><a href="index.html">Hasiera</a></li>
  <li><a href="musika.html">Musika</a></li>
  <li><a href="bideoak.html">Bideoak</a></li>
  <li><a href="argazkiak.html">Argazkiak</a></li>
  <div id="partaideak"><li class="item-1"><a class="active"  href="partaideak.html">Partaideak</a></li></div>
											
  <li class="last"><a href="kontaktua.html">Kontaktua</a></li>
</ul>

​

当有人点击partaideak (li)时,我们希望通过使用jQuery点击函数来放置背景图片来改变CSS。

EN

回答 3

Stack Overflow用户

发布于 2014-11-06 20:04:35

代码语言:javascript
复制
$("#partaideak").click(function() {
   $(this).css('background-url', 'url(images/image.jpg)');
});

或

代码语言:javascript
复制
$("#partaideak").click(function() {
   $(this).attr("style","background-image:url(images/image.jpg) !important")
});

或 //js

代码语言:javascript
复制
$(document.ready(function() {
    $("#partaideak").click(function() {
      $(this).addClass('imageClass');
    }); 
});

//css文件

代码语言:javascript
复制
.imageClass{
   background-image: url(images/image.jpg) !important;
}
票数 1
EN

Stack Overflow用户

发布于 2014-11-06 19:27:34

代码语言:javascript
复制
  $("#partaideak").css('background-image', 'url(images/image.jpg)');
票数 0
EN

Stack Overflow用户

发布于 2014-11-06 19:30:06

您可以使用以下命令更改CSS:

代码语言:javascript
复制
$("#partaideak").css("background-image", "url('http://lorempixel.com/400/200')");

将其放入click处理程序中,就可以了

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26778276

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档