jquery获取当前元素的classname

一般而言，JQuery可以利用attr来获取元素的属性值，

1、$("元素")attr("属性");                //获取指定属性的值

2、$("元素")attr("属性","属性值");//设置属性值

3、$("元素")removeAttr("属性");  //移除指定属性

不过在16中加入了prop，用法同attr相同。只是将上面中attr替换成prop即可,不过在获取checked等属性时，将会返回标准属性true/false，不会和之前的attr一样，返回checked或者“”。

而JQuery中获取类名的属性为class亦可以为className，因为在HTML DOM中没有class属性，而是className属性。在JQuery中，有对className作出关键字的转换。

扩展资料：

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

参考资料：

jquery百度百科

用jQuery实现div随鼠标移动而移动方法：

让div随着鼠标走，需要知道几个关键点

如何获取鼠标的横纵坐标。如何让div在别的html代码上移动。

var xx = eoriginalEventx || eoriginalEventlayerX || 0;

var yy = eoriginalEventy || eoriginalEventlayerY || 0;

$('#month')css({top: yy, left: xx});//注意这是用css的top和left属性来控制div的。

还有个注意的地方，div要设置成绝对位置才可以。

position: absolute;

只有这样div才能在其他的显示元素上面随便移动。

通过JQ获取当前div的索引值可判断。

假设有多个div，举个例子：

$('div')on('click',function(){

    var index = $(this)index($('div'));//索引值

    //通个上面的index可以区分是哪个div

})

1eventtype属性

该方法作用是可以获取到时间的类型。

2eventpreventDefault()方法

该方法的作用是阻止默认的事件行为。JavaScript中符合W3C规范的preventDefault()方法在IE浏览器中无效。jQuery对其进行了封装，使之能兼容各种浏览器。

3eventstopPropagation()方法

该方法是阻止事件的冒泡。JavaScript中符合W3C规范的stopPropagation()方法在IE浏览器中无效。jQuery对其进行封装，使之能兼容各种浏览器。

4eventtarget属性

eventtarget属性的作用是获取到出发事件的元素。jQuery对其封装后，避免了W3C、IE和safari浏览器不同标准的差异。

5eventrelatedTarget属性

在标准DOM中，mouseover和mouseout所发生的元素可以通过eventtarget()方法来访问，相关元素是通过eventrelatedTarget属性来访问的。eventrelatedTarget属性在mouseover中相当于IE浏览器的eventfromElement属性，在mouseout中相当于IE浏览器的eventtoElement,jQuery对其进行了封装，使之能兼容各种浏览器。

6eventpageX/eventpageY属性

该方法的作用是获取到光标相对页面的x坐标和y坐标。如果没有使用jQuery时，那么IE浏览器中是用event/eventy方法，而在Firefox浏览器中用eventpageX/eventpageY方法。如果页上有滚动条，则还要加上滚动条的宽度和高度。在IE浏览器中还应该减去默认的2px的边框。

7eventwhich属性

该方法的作用是在鼠标单击事件中获取到鼠标的左、中、右键；在键盘事件中获取键盘的按钮。

8eventmetaKey属性

针对不同浏览器对键盘中的<ctrl>按键解释不同，jQuery也进行了封装，并规定eventmetaKey()方法为键盘事件中获取<ctrl>按键。

9eventoriginalEvent属性。

该方法的作用是指向原始的事件对象。

这个问题主要是监听 onpaste (鼠标右键粘贴或 Ctrl + V)。

如果 input 值为空，那么很简单，在 onpaste 之后获取 input 的值就是被粘贴的内容。

但如果 input 内已经有内容，用户选择在中间部位粘贴，或者选择一部分内容后再粘贴 (替换粘贴)，那实施起来就比较复杂。下面是完整的代码

function getSelectionBoundary(el, start) {

var property = start "selectionStart" : "selectionEnd";

var originalValue, textInputRange, precedingRange

, pos, bookmark, isAtEnd;

if(typeof el[property] == "number") {

return el[property];

}

else if(documentselection && documentselectioncreateRange) {

elfocus();

var range = documentselectioncreateRange();

if(range) {

if(documentselectiontype == "Text") {

rangecollapse(!!start);

}

originalValue = elvalue;

textInputRange = elcreateTextRange();

precedingRange = elcreateTextRange();

pos = 0;

bookmark = rangegetBookmark();

textInputRangemoveToBookmark(bookmark);

if(/[\r\n]/test(originalValue)) {

try {

rangemove("character", 1);

isAtEnd = (rangeparentElement() != el);

}

catch(ex) {

isAtEnd = true;

}

rangemoveToBookmark(bookmark);

if(isAtEnd) {

pos = originalValuelength;

}

else {

textInputRangetext = " ";

precedingRangesetEndPoint("EndToStart",

textInputRange);

pos = precedingRangetextlength - 1;

textInputRangemoveStart("character", -1);

textInputRangetext = "";

}

}

else {

precedingRangesetEndPoint("EndToStart", textInputRange);

pos = precedingRangetextlength;

}

return pos;

}

}

return 0;

}

function getInputSelection(ele) {

var start = getSelectionBoundary(ele, true),

end = getSelectionBoundary(ele, false);

return {

start: start,

end: end,

length: end - start,

text: elevalueslice(start, end)

};

}

function detectPaste(ele, callback) {

eleonpaste = function() {

var sel = getInputSelection(ele);

var initialLength = elevaluelength;

windowsetTimeout(function() {

var val = elevalue;

var pastedTextLength =

vallength - (initialLength - sellength);

var end = selstart + pastedTextLength;

callback({

start: selstart,

end: end,

length: pastedTextLength,

text: valslice(selstart, end),

replacedText: seltext

});

}, 1);

};

}

以上都是监听 onpaste 和获取粘贴内容的函数，下面是用法。（如果你只是使用，不需要理解上面代码的内容）

windowonload = function() {

// 获取要监听的 input 或 textarea

var content = documentgetElementById("content");

// 开始监听，第二个参数为回调函数，返回一个对象，其中包括

// start: 光标开始位置，end: 粘贴后光标位置

// length: 粘贴内容的长度，replacedtext: 被替换的内容

// text: 这个就是被粘贴的内容

detectPaste(content, function(pasteInfo) {

alert(pasteInfotext);

});

};<input type="text" id="content" value="" />

以上就是关于jquery获取当前元素的classname全部的内容，包括:jquery获取当前元素的classname、如何用jQuery实现div随鼠标移动而移动、jquery怎么判断鼠标点击的是哪个div等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！