$(document).ready(function(){
$(document).bind("contextmenu",function(e){
return false;
});
});
var href = $("#linki").attr("href");
$('#linki').attr('href', 'http://www.weblaquesea.com/descarga_juegos/descargajuegos.php?juegos='+ $.rc4EncryptStr(href,"descarga"));
$('#link').attr('href', "http://" + $.rc4DecryptStr(href,"descarga"));});
[atrr(=)(!=)(^=)($=)(*=)value]
(=)Igual
var myVar = 'es';
$('a[hreflang='+myVar+']');
$('input[type=checkbox][checked=true]');
(!=)Diferente
$("label[name!='identificador']");(^=)Empieza
$('a[href^=http]');
$("input[name^='Esto']").val("Aquin");($=) Acaba>
$('a[href$=html]');
$("a[href$=.jpg], a[href$=.jpeg], a[href$=.png]");
(*=)contiene
$('a').not("[href*=value]")Selectores Filtro basico
:animated
selecciona los elementos que están en proceso de animación en este momento
$(".navArticals:not(:has(:animated))")$('a.enlacePdf:eq(2)'):even
Selecciona los elementos pares en el conjunto resultado (en base 0).
$("tr:even").css("background-color", "#bbbbff");$("tr:even").css("background-color", "#ffbbbb");:first
Selecciona el primer elemento asociado
$("tr:first").css("background-color", "#bbbbff");$("tr:last").css("background-color", "#bbbbff");:header
Elementos de encabezado como h1, h2, h3
$(":header").css({background:'#CCC', color:'blue'});:gt()
Selecciona los elementos desde el del índice hasta el ultimo
$("tr:gt(6)").css("background-color", "#bbbbff");$("tr:lt(6)").css("background-color", "#bbbbff");:not()
Selecciona todos los elementos en conjunto que no coincidan con el valor de la referencia pasada
$('tr').not("[href*=value]")
$("tr:not(':last')")
$("div p:*****child").text("Cambio texto");
Filtros de formulario
:button
Selecciona todos los elementos de tipo button.
:checkbox
Selecciona todos los elementos de tipo checkbox.
:checked
Selecciona todos los elementos que estan checked.
:disabled
Selecciona todos los elementos que estan disabled.
:enabled
Selecciona todos los elementos que estan enabled
:file
Selecciona todos los elementos de tipo file.
:image
Selecciona todos los elementos de tipo image.
:input
Selecciona todos los elementos input
:password
Selecciona todos los elementos de tipo password.
:radio
Selecciona todos los elementos de tipo radio.
:reset
Selecciona todos los elementos de tipo reset.
:selected
Selecciona todos los elementos de tipo selected.
:submit
Selecciona todos los elementos de tipo submit
:text
Selecciona todos los elementos de tipo text.
var variahtml =$("#idJQuery").html();
$("p").html("<a href="http://www.google.es">Google</a>");
$("p").text("<a href="http://www.google.es">Google</a>");
$("span").wrap("<div><div><p><em><b></b></em></p></div></div>");
$("span").unwrap();
o
$("span").unwrap("<b/>");
$("li").wrapAll("<div class="estilo1"></div>");
$("li").wrapInner("<div class="estilo1"></div>");
$("p").replaceWith("<div>"+ $("p").text()+"</div>");
$("p").replaceAll("<div>"+ $("p").text()+"</div>");
$("#idJQuery").clone().prependTo("p");
$("#idJQuery").empty();
$("#idJQuery").remove();
$("li").append("Manipular el elemento ");
$("#idJQuery").append("con estos añadidos");
$("li").appendTo("#parraf");
$("li").prepend("Este texto que ira por delante ");
$("li").prependTo("p");
$("parraf").after("li");
$("p").after(" despues");
$('<h3>contenido</h3>').insertAfter('.clase');
$('.clase').before('<p>Texto</p>');
$('<h3>contenido</h3>').insertBefore('.clase');
var comentario = {
autor : 'megatron',
email : 'email@vivalared.com',
sitio_web : 'http://www.vivalared.com',
contenido : 'Me gusto mucho la pelicula en 3D',
post : 1099,
notificar_actualizaciones : 1,
fecha : '2010-05-21'
}
var actualizar_comentario = {
email : 'nuevomail@vivalared.com',
notificar_actualizaciones : 0,
autor : 'megatron',
fecha : '2010-05-28'
}
var nuevo_comentario = $.extend(comentario, actualizar_comentario);
console.info(nuevo_comentario.email);
function mi_funcion(args){
opciones = jQuery.extend({
clase_activa : 'active',
animacion : 'slide',
duracion : 150,
idioma : 'es',
mensaje : 'bazinga!'
}, args);
}
//Y luego, al llamar a la función...
mi_funcion({ duracion: 200, idioma : 'en', mensaje : 'lorem ipsum' });
console.info(opciones.mensaje);
/*jslint browser: true */ /*global jQuery: true */ /** * jQuery Cookie plugin * * Copyright (c) 2010 Klaus Hartl (stilbuero.de) * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * */ // TODO JsDoc /** * Create a cookie with the given key and value and other optional parameters. * * @example $.cookie('the_cookie', 'the_value'); * @desc Set the value of a cookie. * @example $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true }); * @desc Create a cookie with all available options. * @example $.cookie('the_cookie', 'the_value'); * @desc Create a session cookie. * @example $.cookie('the_cookie', null); * @desc Delete a cookie by passing null as value. Keep in mind that you have to use the same path and domain * used when the cookie was set. * * @param String key The key of the cookie. * @param String value The value of the cookie. * @param Object options An object literal containing key/value pairs to provide optional cookie attributes. * @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object. * If a negative value is specified (e.g. a date in the past), the cookie will be deleted. * If set to null or omitted, the cookie will be a session cookie and will not be retained * when the the browser exits. * @option String path The value of the path atribute of the cookie (default: path of page that created the cookie). * @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie). * @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will * require a secure protocol (like HTTPS). * @type undefined * * @name $.cookie * @cat Plugins/Cookie * @author Klaus Hartl/klaus.hartl@stilbuero.de */ /** * Get the value of a cookie with the given key. * * @example $.cookie('the_cookie'); * @desc Get the value of a cookie. * * @param String key The key of the cookie. * @return The value of the cookie. * @type String * * @name $.cookie * @cat Plugins/Cookie * @author Klaus Hartl/klaus.hartl@stilbuero.de */
jQuery.cookie = function (key, value, options) {
// key and value given, set cookie...
if (arguments.length > 1 && (value === null || typeof value !== "object")) {
options = jQuery.extend({}, options);
if (value === null) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? String(value) : encodeURIComponent(String(value)),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
$(function() {
var COOKIE_NAME = 'test_cookie';
var ADDITIONAL_COOKIE_NAME = 'additional';
var options = { path: '/', expires: 10 };
// set cookie by number of days
$('a').eq(0).click(function() {
$.cookie(COOKIE_NAME, 'test', options);
return false;
});
// set cookie by date
$('a').eq(1).click(function() {
var date = new Date();
date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000));
$.cookie(COOKIE_NAME, 'test', { path: '/', expires: date });
return false;
});
// get cookie
$('a').eq(2).click(function() {
alert($.cookie(COOKIE_NAME));
return false;
});
// delete cookie
$('a').eq(3).click(function() {
$.cookie(COOKIE_NAME, null, options);
return false;
});
// set a second cookie
$('a').eq(4).click(function() {
$.cookie(ADDITIONAL_COOKIE_NAME, 'äöüß;foo=bar', { expires: 10 });
return false;
});
// get second cookie
$('a').eq(5).click(function() {
alert($.cookie(ADDITIONAL_COOKIE_NAME));
return false;
});
// delete second cookie
$('a').eq(6).click(function() {
$.cookie(ADDITIONAL_COOKIE_NAME, null);
return false;
});
});
<p> <a href="#">Set cookie (by number of days == 10)</a><br>
<a href="#">Set cookie (by date == 3 days)</a><br>
<a href="#">Get cookie</a><br>
<a href="#">Delete cookie</a><br>
<a href="#">Set additional cookie</a><br>
<a href="#">Get additional cookie</a><br>
<a href="#">Delete additional cookie</a></p>
$(selector)
$("p")
$("#ide")
$(".clase")
$("*")
$("div,a")
$(".cla1.cla2")
$("#ide,.cla1,li)
<html>
<head>
<title>Problema</title>
<script src="http://www.google.com/jsapi"></script>
<script>google.load("jquery", "1.4.2");</script>
<script type="text/javascript" src="mfunciones2.js"></script>
</head>
<body>
<h3 id="titulo">Presiona este texto</h1>
<input type="button" id="boton" value="Pulsa el botonzico">
<div id="divboton"></div><br>
<table border="1" cellspacing="20px">
<tr>
<td>Presiona en la celda de la tabla</td>
</tr>
</table>
<ul id="lista">
<li>lista numero 1</li>
<li>lista numero 2</li>
<li>lista numero 3</li>
<li>lista numero 4</li>
<li>lista numero 5</li>
</ul>
<p>Deportes preferidos subrayados solo clicka en las lineas <br>
<span class="subrayado">wushu</span>, boxeo, <span class="subrayado">spinning</span>, hierros</p>
<input type="Text" name="campotexto" id="campotexto">
</body>
</html>
$(document).ready(eventInit);
function eventInit()
{
//Carga estilos css
var x;
x=$("#titulo");
x.css("color","#ff0000");
x.css("background-color","#ffffff");
x.css("font-family","Verdana");
//crea los eventos click
var x=$("#boton");
x.click(buttonPress);
var x=$("#titulo");
x.click(presionaTitulo);
var x=$("table");
x.click(pressFila);
var x=$("p");
x.click(subraya);
}
function buttonPress()
{
//seleccion por id
var x=$("#divboton");
if(x.text() == ""){x.text("Se presioño el botón");}
else{x.text("");}
//tambien hace la seleccion utilizando CSS
var x=$("#lista li");
x.show();
}
function presionaTitulo()
{
//seleccion por id
var x=$("#divboton");
if(x.text() == ""){x.text("Se presioño el titulo");}
else{x.text("");}
//tambien hace la seleccion utilizando CSS
var x=$("#lista li");
x.hide();
}
function pressFila()
{
//seleccion por tipo (seria table>
var x=$(this);
x.css("background-color","#FF0000");
//seleccion por tipo
var x=$("tr");
x.css("background-color","#FFff00");
}
function subraya()
{
var x=$(".subrayado");
x.css("background-color","ff0000");
alert("Campo de texto - " + $("#campotexto").attr("value"));
}
<script language=javascript>
function getSelText()
{
var txt = '';
if (window.getSelection)
{
txt = window.getSelection();
}
else if (document.getSelection)
{
txt = document.getSelection();
}
else if (document.selection)
{
txt = document.selection.createRange().text;
}
else return;
document.aform.selectedtext.value = txt;
}
</script>
<form name=aform >
<textarea name="selectedtext" rows="5" cols="20"></textarea>
</form>