Question

我正在构建一个可以编辑页面设计的cms。让我们说像SquareSpace这样的效果。简而言之，用户选择一些html元素并获取它的CSS属性。

我想这样做是通用的，而不是在每个元素上添加一些类。

Thnx，很多

Answer 1

类似

$(document).click(function(e){
  $(e.target).css("color", "red");
});

Example on jsfiddle.

Answer 2

您唯一需要担心的是DOM树上的事件传播。例如，马克的实施将改变最深刻的原始目标的风格。但是，如果你想要走得更高怎么办？例如：

<a href="test.html"><img src="picture.jpg" /></a>

您要定位<a>代码还是<img>代码？

您可能希望在实际的目标元素上放置一些类属性，以便了解您所获得的内容。您还可以使用live()处理程序执行与上述方法类似的操作，但需要更多自定义。

$('img').live('click', function(e) { /* Do things for images */ });

$('.element').live('click', function(e) { /* Do things for class='element' */ });

请注意，如果元素与两者都匹配，则默认情况下都会触发这两个。

请参阅：http://api.jquery.com/category/events/event-object/

Jquery选择器，选择任何DOM元素

2 个答案: