Comprender el establecimiento de variables de JQuery

Comprender el establecimiento de variables de JQuery

Recientemente me presentaron la configuration de una variable JQuery como se ve a continuación a través de la asistencia que estaba buscando en otra pregunta que tenía sobre StackOverflow. Puede crear un campo de input simplemente llamando a una variable y también parece que la variable de anclaje también define los styles.

var clicked = $('.clicked'); var ul = clicked.children('ul'); var input = $('<input />', { type: 'text', class: 'rename', value: 'New Folder', focusout: function() { $(this).siblings('a').html($(this).val()).show(); $(this).remove(); $(anchor).parent().removeClass('clicked'); } }); var anchor = $('<a>', { href: '#', css: { display: 'none' } }); ul.prepend($('<li>').append([input.select(), anchor])); 

Creo que entiendo cómo modificar y volver a crear el fragment anterior, el único aspecto que realmente no entiendo es la configuration de los styles. Tras mi investigación, todavía no he encontrado nada parecido a este método y espero poder encontrar más comprensión mediante la publicación de una pregunta.

Mi objective es comprender y utilizar con más frecuencia con mi próximo objective crear un campo de opción de selección con todas las opciones que piden .selectBoxIt() al final.

ACTUALIZAR

No estoy del todo seguro de si esta es la mejor manera de lograr esto, sin embargo, he encontrado una solución gracias a las respuestas a cómo crear una list de opciones de selección;

 var select = $('<select />'); var options = [ {val : 1, text: '3 DAYS'}, {val : 2, text: '10 DAYS'}, {val : 3, text: '30 DAYS'}, {val : 4, text: '60 DAYS'} ]; $('.hello').prepend(select); $(options).each(function() { select.append($("<option>").attr('value',this.val).text(this.text)); }); // Because we are appending at a later date // for the .selectBoxIt(); to work... $(".hello select").selectBoxIt(); 

Puede comenzar aquí http://api.jquery.com/jquery/ y desplazarse hacia abajo a la sección sobre cómo crear elementos nuevos.

A partir de jQuery 1.4, el segundo argumento para jQuery () puede aceptar un object simple que consiste en un superset de las properties que se pueden pasar al método .attr ().