我应该在我的 jQuery 中使用哪个类？

Question

I am just develoing a Google chrome extension.

I am facing a problem or I'm confusing to get a class to work in my jQuery script. There are many classes for the textarea.

Someone please tell me which one should I choose.

CSS

._5t_y ._4_z2 .input, ._5t_y ._4zz- .input, ._5t_y.child_was_focused ._2yg .input

or

HTML

class="uiTextareaAutogrow input autofocus _34z- mentionsTextarea textInput"

I just trying to add it in to this codes. I tried ".input". But it doesn't work for me.

  $(document).ready(function() {
    $('.input').specialedit([':-)', ':-(', ';-)'],
                              { buttonWidth: 30,
                                buttonHeight: 30,
                                toolbarBgColor: '#ff0',
                                toolbarBorderColor: '#f00',
                                buttonBgColor: '#fff',
                                buttonBorderColor: '#f00',
                                buttonTextColor: '#f00' });
  });

Answer 1

如果您通过 .input 或 .uiTextareaAutogrow 访问它（知道这些是当前相同元素的现有类），您将在两种情况下都获得 textarea 但选择集可能会有所不同，因为类输入集的元素可能与uiTextareaAutogrow 类的元素集。

Answer 2

It does not actually differ what class to access, class groups HTML elements for a certain reason like formatting or display or any specific business functionality to be applied for this set. So the class selection gets you all the elements having this class.

If you access it via .input or .uiTextareaAutogrow (knowing that these are the existing classes currently for the same element) you are gonna get your textarea in both cases but the selection set might differ since the elements of class input set might be different than the elements of the class uiTextareaAutogrow set.

It is a good practice to create a specific class to be used for your plugin to make sure you select what you really need.

For your current case, try to log the selection set console.log($('.input')) to make sure the selection is ok and you are getting the element you need, if so you shall check the function you have created to address the problem.